King’s Field Complementary Color Scheme
Five colors arranged by the complementary rule around King’s Field (#F2E887), each snapped to its nearest named color.
#F2E887
#FCF7DB
#8B88F8
#4455EE
#E5E5FA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| King’s Field | #F2E887 | 242, 232, 135 | 54°, 80%, 74% | 0, 4, 44, 5 | |
| Campanelle Noodle | #FCF7DB | 252, 247, 219 | 51°, 85%, 92% | 0, 2, 13, 1 | |
| Lavender Blue Shadow | #8B88F8 | 139, 136, 248 | 242°, 89%, 75% | 44, 45, 0, 3 | |
| Qing Dynasty Dragon | #4455EE | 68, 85, 238 | 234°, 83%, 60% | 71, 64, 0, 7 | |
| Lavender Mist | #E5E5FA | 229, 229, 250 | 240°, 68%, 94% | 8, 8, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FCF7DB on #4455EE | 5.15:1 | AA |
| Aa #4455EE on #E5E5FA | 4.48:1 | AA large |
| Aa #F2E887 on #4455EE | 4.41:1 | AA large |
| Aa #FCF7DB on #8B88F8 | 2.79:1 | — |
| Aa #8B88F8 on #E5E5FA | 2.43:1 | — |
| Aa #F2E887 on #8B88F8 | 2.39:1 | — |
CSS variables
:root {
--color-1: #f2e887; /* King’s Field */
--color-2: #fcf7db; /* Campanelle Noodle */
--color-3: #8b88f8; /* Lavender Blue Shadow */
--color-4: #4455ee; /* Qing Dynasty Dragon */
--color-5: #e5e5fa; /* Lavender Mist */
}Other schemes from King’s Field
- King’s Field Analogous Color Scheme#EE888B#F4B087#F2E887#C0FA8B#90EE90
- King’s Field Triadic Color Scheme#F2E887#89F5E3#EB84F5#FBF9E1#40E0D0
- King’s Field Split-complementary Color Scheme#F2E887#86C8ED#BB88FF#E8D940#CCEBF5
- King’s Field Tetradic Color Scheme#F2E887#80F9AD#8B88F8#F887C7#FBF9E1
- King’s Field Monochromatic Color Scheme#CAB012#E8D940#F2E887#FAF4CE#FFFBE8
More Light Yellow complementary palettes
- Alligator Alley Complementary Color Scheme#C5D17B#E6E6BC#8878C3#5946B2#CEC8EF
- Ancient Treasure Complementary Color Scheme#E7D082#F7EECF#8F8CE7#4B62D2#DBDBF7
- Animal Kingdom Complementary Color Scheme#BCC09E#E4E4D5#A09BC6#776EA2#DCDDE7
- Anna Banana Complementary Color Scheme#F5D547#FCE99F#4166F5#0033EE#A2BFFE
- April Showers Complementary Color Scheme#DADEB5#F6F7ED#B3B4DD#8980C1#EBECF5
- Ash Complementary Color Scheme#BEBAA7#E8E5D8#9EA5C3#6B7BA7#DEE1ED
- Aurora Complementary Color Scheme#EBD147#F1E798#4466EE#0033CC#A3B1F2
- Banana Complementary Color Scheme#FFFC79#FFFFD4#7777FF#3A2EFE#D6EAFC
- Banana Drama Complementary Color Scheme#F1D548#F8EC9E#4466EE#0033DD#A3B1F2
- Banana Frappé Complementary Color Scheme#DDD5B6#F7F5ED#B8BFDC#8491C3#EDF2F8
- Beekeeper Complementary Color Scheme#F6E491#FFF9E7#9BA0EF#4466EE#E8EEFE
- Beige Complementary Color Scheme#E6DAA6#FAF7EB#ACACE6#7777CC#E8EFF8
Questions
What colors go with King’s Field?
In a complementary scheme: Campanelle Noodle (#FCF7DB), Lavender Blue Shadow (#8B88F8), Qing Dynasty Dragon (#4455EE), Lavender Mist (#E5E5FA).
What is the hex code of King’s Field?
#F2E887.