Natural Light Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Natural Light (#F1EBC8), each snapped to its nearest named color.
#F1EBC8
#CBE1F2
#CEC8EF
#E4D68C
#ECF3F9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Natural Light | #F1EBC8 | 241, 235, 200 | 51°, 59%, 86% | 0, 2, 17, 5 | 93.6% 0.046 99 | |
| First Shade of Blue | #CBE1F2 | 203, 225, 242 | 206°, 60%, 87% | 16, 7, 0, 5 | 89.9% 0.033 241 | |
| Soap | #CEC8EF | 206, 200, 239 | 249°, 55%, 86% | 14, 16, 0, 6 | 85.0% 0.054 292 | |
| Impetuous | #E4D68C | 228, 214, 140 | 50°, 62%, 72% | 0, 6, 39, 11 | 87.1% 0.095 99 | |
| Insignia White | #ECF3F9 | 236, 243, 249 | 208°, 52%, 95% | 5, 2, 0, 2 | 96.1% 0.011 244 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CEC8EF on #ECF3F9 | 1.43:1 | — |
| Aa #F1EBC8 on #CEC8EF | 1.33:1 | — |
| Aa #E4D68C on #ECF3F9 | 1.31:1 | — |
| Aa #F1EBC8 on #E4D68C | 1.22:1 | — |
| Aa #CBE1F2 on #ECF3F9 | 1.20:1 | — |
| Aa #CBE1F2 on #CEC8EF | 1.19:1 | — |
CSS variables
:root {
--color-1: #f1ebc8; /* Natural Light */
--color-2: #cbe1f2; /* First Shade of Blue */
--color-3: #cec8ef; /* Soap */
--color-4: #e4d68c; /* Impetuous */
--color-5: #ecf3f9; /* Insignia White */
}Other schemes from Natural Light
- Natural Light Complementary Color Scheme#F1EBC8#FAF7EB#C9D1EF#8F8CE7#E8EFF8
- Natural Light Analogous Color Scheme#F1C9CD#F0D6CA#F1EBC8#E3EDC8#CEF0CC
- Natural Light Triadic Color Scheme#F1EBC8#C6F0E7#EECCEE#FAF7EB#87E0CF
- Natural Light Tetradic Color Scheme#F1EBC8#C9F0D1#C9D1EF#EFC6E1#FAF7EB
- Natural Light Monochromatic Color Scheme#CEBC55#E4D68C#F1EBC8#FAF7EB#FAF7EB
More very light yellow split-complementary color schemes
- 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 Natural Light?
In a split-complementary scheme: First Shade of Blue (#CBE1F2), Soap (#CEC8EF), Impetuous (#E4D68C), Insignia White (#ECF3F9).
What is the hex code of Natural Light?
#F1EBC8.