White Christmas Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around White Christmas (#F4E8E8), each snapped to its nearest named color.
#F4E8E8
#EAF2ED
#E9EDF6
#DCB6B5
#EFF5F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| White Christmas | #F4E8E8 | 244, 232, 232 | 0°, 35%, 93% | 0, 5, 5, 4 | 94.0% 0.013 17 | |
| Glacial Tint | #EAF2ED | 234, 242, 237 | 143°, 24%, 93% | 3, 0, 2, 5 | 95.4% 0.011 159 | |
| Coconut White | #E9EDF6 | 233, 237, 246 | 222°, 42%, 94% | 5, 4, 0, 4 | 94.6% 0.013 267 | |
| Rose Coloured | #DCB6B5 | 220, 182, 181 | 2°, 36%, 79% | 0, 17, 18, 14 | 80.9% 0.044 20 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 | 96.5% 0.008 157 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DCB6B5 on #EFF5F1 | 1.67:1 | — |
| Aa #EAF2ED on #DCB6B5 | 1.62:1 | — |
| Aa #E9EDF6 on #DCB6B5 | 1.57:1 | — |
| Aa #F4E8E8 on #DCB6B5 | 1.54:1 | — |
| Aa #F4E8E8 on #EFF5F1 | 1.08:1 | — |
| Aa #E9EDF6 on #EFF5F1 | 1.06:1 | — |
CSS variables
:root {
--color-1: #f4e8e8; /* White Christmas */
--color-2: #eaf2ed; /* Glacial Tint */
--color-3: #e9edf6; /* Coconut White */
--color-4: #dcb6b5; /* Rose Coloured */
--color-5: #eff5f1; /* Heavy Sugar */
}Other schemes from White Christmas
- White Christmas Complementary Color Scheme#F4E8E8#F6EEED#E8F4F7#B5DCD8#ECF7F7
- White Christmas Analogous Color Scheme#F3E9F7#F4EAF0#F4E8E8#F5EEE7#F4F4E8
- White Christmas Triadic Color Scheme#F4E8E8#E8F3E8#E5E8F2#F6EEED#BCDDB3
- White Christmas Tetradic Color Scheme#F4E8E8#EDF5E7#E8F4F7#ECE7F2#F6EEED
- White Christmas Monochromatic Color Scheme#C08081#DCB6B5#F4E8E8#F6EEED#F6EEED
More very light red split-complementary color schemes
- Abloom Split-complementary Color Scheme#F1CBCD#D1F0DD#CBE1F2#E19091#EBF8EF
- Angelic Wings Split-complementary Color Scheme#F4EFEE#F0F4F2#EEF2F3#D8C1BE#F0F4F2
- Angry Ghost Split-complementary Color Scheme#EEBBBB#BBEFD3#BBD5EF#DC7B7C#E9F9F5
- Apricot Haze Split-complementary Color Scheme#FFAAAA#AFFFD5#A7D7FF#FD5956#E6FDF1
- Ballet Split-complementary Color Scheme#F7D5D4#D0F7E4#D2E2F2#EF9A93#EBFCF5
- Ballet Slippers Split-complementary Color Scheme#FCA2AD#AAFFCC#A7D7FF#FC5669#E6FDF1
- Berry Good Split-complementary Color Scheme#EDC3C5#C2ECD8#C1DAED#DD8888#EBF8EF
- Bloodthirsty Beige Split-complementary Color Scheme#F8D7D0#CFF7EF#CFDAFB#F29E8E#EBFCF5
- Blowing Kisses Split-complementary Color Scheme#F6DEE0#DDF5E7#DCECF5#E5A2AB#EBF8EF
- Blush Kiss Split-complementary Color Scheme#EABCC0#BDE7CF#BBD6EA#D78187#EBF8EF
- Blush Rush Split-complementary Color Scheme#F0BCBE#BBEFD3#BED7F0#E07C89#E9F9F5
- Butterfly Kisses Split-complementary Color Scheme#F0DEDC#DEF1E7#DAE4EE#D9A8A8#EFF5F1
Questions
What colors go with White Christmas?
In a split-complementary scheme: Glacial Tint (#EAF2ED), Coconut White (#E9EDF6), Rose Coloured (#DCB6B5), Heavy Sugar (#EFF5F1).
What is the hex code of White Christmas?
#F4E8E8.