Race the Sun Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Race the Sun (#EEF3D0), each snapped to its nearest named color.
#EEF3D0
#D2DEF2
#E8CEF6
#D4E092
#E8EFF8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Race the Sun | #EEF3D0 | 238, 243, 208 | 69°, 59%, 88% | 2, 0, 14, 5 | |
| Puffy Cloud | #D2DEF2 | 210, 222, 242 | 217°, 55%, 89% | 13, 8, 0, 5 | |
| Mousse aux Pruneaux | #E8CEF6 | 232, 206, 246 | 279°, 69%, 89% | 6, 16, 0, 4 | |
| Charming Green | #D4E092 | 212, 224, 146 | 69°, 56%, 73% | 5, 0, 35, 12 | |
| First Snow | #E8EFF8 | 232, 239, 248 | 214°, 53%, 94% | 6, 4, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EEF3D0 on #E8CEF6 | 1.26:1 | — |
| Aa #E8CEF6 on #E8EFF8 | 1.24:1 | — |
| Aa #EEF3D0 on #D4E092 | 1.23:1 | — |
| Aa #D4E092 on #E8EFF8 | 1.22:1 | — |
| Aa #EEF3D0 on #D2DEF2 | 1.19:1 | — |
| Aa #D2DEF2 on #E8EFF8 | 1.17:1 | — |
CSS variables
:root {
--color-1: #eef3d0; /* Race the Sun */
--color-2: #d2def2; /* Puffy Cloud */
--color-3: #e8cef6; /* Mousse aux Pruneaux */
--color-4: #d4e092; /* Charming Green */
--color-5: #e8eff8; /* First Snow */
}Other schemes from Race the Sun
- Race the Sun Complementary Color Scheme#EEF3D0#F8FBEB#DBD7F2#8F8CE7#EEE9F9
- Race the Sun Analogous Color Scheme#F0D6CF#F3E7CF#EEF3D0#D8F0D2#D2EED6
- Race the Sun Triadic Color Scheme#EEF3D0#D0EFF3#EECCEE#F8FBEB#94D8E2
- Race the Sun Tetradic Color Scheme#EEF3D0#D2F2E7#DBD7F2#F2CFDC#F8FBEB
- Race the Sun Monochromatic Color Scheme#C4D056#D4E092#EEF3D0#F8FBEB#F8FBEB
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 Race the Sun?
In a split-complementary scheme: Puffy Cloud (#D2DEF2), Mousse aux Pruneaux (#E8CEF6), Charming Green (#D4E092), First Snow (#E8EFF8).
What is the hex code of Race the Sun?
#EEF3D0.