Prairie Land Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Prairie Land (#E2CC9C), each snapped to its nearest named color.
#E2CC9C
#9CD4E1
#A899E6
#D0B064
#D6EDF1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Prairie Land | #E2CC9C | 226, 204, 156 | 41°, 55%, 75% | 0, 10, 31, 11 | |
| Ocean Cruise | #9CD4E1 | 156, 212, 225 | 191°, 53%, 75% | 31, 6, 0, 12 | |
| Dull Lavender | #A899E6 | 168, 153, 230 | 252°, 61%, 75% | 27, 33, 0, 10 | |
| Filtered Rays | #D0B064 | 208, 176, 100 | 42°, 53%, 60% | 0, 15, 52, 18 | |
| Sparkling River | #D6EDF1 | 214, 237, 241 | 189°, 49%, 89% | 11, 2, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A899E6 on #D6EDF1 | 2.06:1 | — |
| Aa #D0B064 on #D6EDF1 | 1.71:1 | — |
| Aa #E2CC9C on #A899E6 | 1.60:1 | — |
| Aa #9CD4E1 on #A899E6 | 1.54:1 | — |
| Aa #9CD4E1 on #D6EDF1 | 1.33:1 | — |
| Aa #E2CC9C on #D0B064 | 1.33:1 | — |
CSS variables
:root {
--color-1: #e2cc9c; /* Prairie Land */
--color-2: #9cd4e1; /* Ocean Cruise */
--color-3: #a899e6; /* Dull Lavender */
--color-4: #d0b064; /* Filtered Rays */
--color-5: #d6edf1; /* Sparkling River */
}Other schemes from Prairie Land
- Prairie Land Complementary Color Scheme#E2CC9C#F7F1E2#9BB8E2#6688CC#E8EFF8
- Prairie Land Analogous Color Scheme#E79DB3#E8AA9D#E2CC9C#D9E49E#B2E191
- Prairie Land Triadic Color Scheme#E2CC9C#9CE5D6#D19FE8#FAF6EA#66CDAA
- Prairie Land Tetradic Color Scheme#E2CC9C#9FE4AA#9BB8E2#E79ACB#FAF6EA
- Prairie Land Monochromatic Color Scheme#B18B32#D0B064#E2CC9C#F3EAD7#FAF6EA
More Light Orange split-complementary palettes
- 24 Karat Split-complementary Color Scheme#DFC685#83C7DF#8A83DA#CFAC47#C1E4F0
- 3AM Latte Split-complementary Color Scheme#C0A98E#8FBCC4#8A8DC4#A9855D#BCDBDB
- Ancestral Gold Split-complementary Color Scheme#DDCDA6#A5D4DC#B4A6D5#C6AD6F#DDF0F0
- Angry Pasta Split-complementary Color Scheme#FFCC55#55DDFF#7755FF#FEB308#A6E7FF
- Anise Biscotti Split-complementary Color Scheme#E5D5AE#ADDAE3#ACACE6#D1B871#E8F4F7
- Another One Bites the Dust Split-complementary Color Scheme#C7BBA4#A4C3C5#AFA5C7#AD9773#D3E3E5
- Apricot Split-complementary Color Scheme#FFB16D#6FFFFF#7777FF#FF8822#BBFFFF
- Apricotta Split-complementary Color Scheme#D8A48F#8DD9CC#8B98D8#C57556#CAEDE4
- Artisans Gold Split-complementary Color Scheme#F2AB46#45E9FD#524EFB#DD8811#8AF1FE
- Ashes to Ashes Split-complementary Color Scheme#BBB3A2#9BBCC3#A598C4#A8946B#CADCDE
- Atomic Tangerine Split-complementary Color Scheme#FF9966#66EEEE#6688FF#FF6316#BBFFEE
- Attic Linen Split-complementary Color Scheme#CCBCA9#A7CAC9#ACA8CD#B09879#DAE7E9
Questions
What colors go with Prairie Land?
In a split-complementary scheme: Ocean Cruise (#9CD4E1), Dull Lavender (#A899E6), Filtered Rays (#D0B064), Sparkling River (#D6EDF1).
What is the hex code of Prairie Land?
#E2CC9C.