Horseradish Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Horseradish (#E6DFC4), each snapped to its nearest named color.
#E6DFC4
#C6DCE7
#D0C8E6
#CFC291
#ECF3F9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Horseradish | #E6DFC4 | 230, 223, 196 | 48°, 40%, 84% | 0, 3, 15, 10 | |
| King of Waves | #C6DCE7 | 198, 220, 231 | 200°, 41%, 84% | 14, 5, 0, 9 | |
| Italian Fitch | #D0C8E6 | 208, 200, 230 | 256°, 37%, 84% | 10, 13, 0, 10 | |
| Hearts of Palm | #CFC291 | 207, 194, 145 | 47°, 39%, 69% | 0, 6, 30, 19 | |
| Insignia White | #ECF3F9 | 236, 243, 249 | 208°, 52%, 95% | 5, 2, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CFC291 on #ECF3F9 | 1.59:1 | — |
| Aa #D0C8E6 on #ECF3F9 | 1.43:1 | — |
| Aa #E6DFC4 on #CFC291 | 1.33:1 | — |
| Aa #C6DCE7 on #ECF3F9 | 1.27:1 | — |
| Aa #C6DCE7 on #CFC291 | 1.26:1 | — |
| Aa #E6DFC4 on #D0C8E6 | 1.20:1 | — |
CSS variables
:root {
--color-1: #e6dfc4; /* Horseradish */
--color-2: #c6dce7; /* King of Waves */
--color-3: #d0c8e6; /* Italian Fitch */
--color-4: #cfc291; /* Hearts of Palm */
--color-5: #ecf3f9; /* Insignia White */
}Other schemes from Horseradish
- Horseradish Complementary Color Scheme#E6DFC4#F7F5ED#C3CDE6#939DCC#EBF1F5
- Horseradish Analogous Color Scheme#E9C4CC#E8CEC5#E6DFC4#DEE3C0#D1E8C2
- Horseradish Triadic Color Scheme#E6DFC4#C1E6DF#DEC0E2#F7F5ED#8FCBC0
- Horseradish Tetradic Color Scheme#E6DFC4#C5E6CF#C3CDE6#E7C2DE#F7F5ED
- Horseradish Monochromatic Color Scheme#B3A156#CFC291#E6DFC4#F7F5ED#F7F5ED
More Very Light Yellow split-complementary palettes
- Au Clair de la Lune Split-complementary Color Scheme#F4F2E2#E2ECF2#EFE2F2#DED6AC#ECF3F9
- Banan-Appeal Split-complementary Color Scheme#FAF3A6#A7D7FF#CEA2FD#FBEC5E#E8F5FC
- Banana Cream Split-complementary Color Scheme#FFF49C#99DBFE#CC99FF#FBEB50#E8F5FC
- Banana Milk Split-complementary Color Scheme#FFF7AD#AADDFF#CCAAFF#FEF263#E8F5FC
- Banana Split Split-complementary Color Scheme#F7EEC8#C5E6F7#D0C7FF#EED786#E8F5FC
- Blanc Cassé Split-complementary Color Scheme#F1EEE2#E2ECF2#E5E3EF#DBCEAC#F0F4F8
- Blanco Split-complementary Color Scheme#EBEAE5#E1E9EF#E5E3EF#D1CCB0#EEF2F3
- Bleached Sunflower Split-complementary Color Scheme#FBE8A8#A4E4FC#B5AFFF#F8D75A#E8F7FD
- Blond Split-complementary Color Scheme#FAF0BE#B8E4F5#CCBBFF#F7E077#E8F7FD
- Bollywood Gold Split-complementary Color Scheme#FFFBAB#A7D7FF#CCAAFF#FCF75E#E8F5FC
- Bullet Hell Split-complementary Color Scheme#FAF1C8#C5E6F7#DFC5FE#F5DE85#E8F7FD
- Butter Honey Split-complementary Color Scheme#F5E5AB#B0E0F6#C2B2F0#EACE6A#E8F7FD
Questions
What colors go with Horseradish?
In a split-complementary scheme: King of Waves (#C6DCE7), Italian Fitch (#D0C8E6), Hearts of Palm (#CFC291), Insignia White (#ECF3F9).
What is the hex code of Horseradish?
#E6DFC4.