Natural Light Complementary Color Scheme
Five colors arranged by the complementary rule around Natural Light (#F1EBC8), each snapped to its nearest named color.
#F1EBC8
#FAF7EB
#C9D1EF
#8F8CE7
#E8EFF8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Natural Light | #F1EBC8 | 241, 235, 200 | 51°, 59%, 86% | 0, 2, 17, 5 | |
| Van de Cane | #FAF7EB | 250, 247, 235 | 48°, 60%, 95% | 0, 1, 6, 2 | |
| Frozen Periwinkle | #C9D1EF | 201, 209, 239 | 227°, 54%, 86% | 16, 13, 0, 6 | |
| Perrywinkle | #8F8CE7 | 143, 140, 231 | 242°, 65%, 73% | 38, 39, 0, 9 | |
| First Snow | #E8EFF8 | 232, 239, 248 | 214°, 53%, 94% | 6, 4, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FAF7EB on #8F8CE7 | 2.77:1 | — |
| Aa #8F8CE7 on #E8EFF8 | 2.56:1 | — |
| Aa #F1EBC8 on #8F8CE7 | 2.47:1 | — |
| Aa #C9D1EF on #8F8CE7 | 1.96:1 | — |
| Aa #FAF7EB on #C9D1EF | 1.41:1 | — |
| Aa #C9D1EF on #E8EFF8 | 1.31:1 | — |
CSS variables
:root {
--color-1: #f1ebc8; /* Natural Light */
--color-2: #faf7eb; /* Van de Cane */
--color-3: #c9d1ef; /* Frozen Periwinkle */
--color-4: #8f8ce7; /* Perrywinkle */
--color-5: #e8eff8; /* First Snow */
}Other schemes from Natural Light
- Natural Light Analogous Color Scheme#F1C9CD#F0D6CA#F1EBC8#E3EDC8#CEF0CC
- Natural Light Triadic Color Scheme#F1EBC8#C6F0E7#EECCEE#FAF7EB#87E0CF
- Natural Light Split-complementary Color Scheme#F1EBC8#CBE1F2#CEC8EF#E4D68C#ECF3F9
- Natural Light Tetradic Color Scheme#F1EBC8#C9F0D1#C9D1EF#EFC6E1#FAF7EB
- Natural Light Monochromatic Color Scheme#CEBC55#E4D68C#F1EBC8#FAF7EB#FAF7EB
More Very Light Yellow complementary palettes
- Au Clair de la Lune Complementary Color Scheme#F4F2E2#F9F7EC#E1E6F2#ACB5DC#E9EDF6
- Banan-Appeal Complementary Color Scheme#FAF3A6#FFFBE8#AAAAFF#5566EE#E6E8FA
- Banana Cream Complementary Color Scheme#FFF49C#FFFCE4#99AAFF#5566FF#E6E8FA
- Banana Milk Complementary Color Scheme#FFF7AD#FFFEE5#B5AFFF#6666FF#E6E8FA
- Banana Split Complementary Color Scheme#F7EEC8#FBF9E8#C9D1EF#8F99FB#E8EEFE
- Blanc Cassé Complementary Color Scheme#F1EEE2#F7F5ED#E1E6F2#ABB6D7#EDF2F8
- Blanco Complementary Color Scheme#EBEAE5#F6F4EF#E0E3EF#B2B7D1#EEF2F3
- Bleached Sunflower Complementary Color Scheme#FBE8A8#FFF9E7#A2BFFE#5588FF#E8EEFE
- Blond Complementary Color Scheme#FAF0BE#FFF9E7#BBCFEF#6888FC#E8EEFE
- Bollywood Gold Complementary Color Scheme#FFFBAB#FFFEE5#AAAAFF#5566FF#E6E6FA
- Bullet Hell Complementary Color Scheme#FAF1C8#FBF9E8#CCD5FF#8F99FB#E8EEFE
- Butter Honey Complementary Color Scheme#F5E5AB#FBF9E8#B8B8F8#6488EA#E8EEFE
Questions
What colors go with Natural Light?
In a complementary scheme: Van de Cane (#FAF7EB), Frozen Periwinkle (#C9D1EF), Perrywinkle (#8F8CE7), First Snow (#E8EFF8).
What is the hex code of Natural Light?
#F1EBC8.