Pastel Day Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pastel Day (#DFD8E1), each snapped to its nearest named color.
#DFD8E1
#E2E7D3
#D4E6D9
#C0A2C7
#F4F4F0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pastel Day | #DFD8E1 | 223, 216, 225 | 287°, 13%, 86% | 1, 4, 0, 12 | |
| Just About Green | #E2E7D3 | 226, 231, 211 | 75°, 29%, 87% | 2, 0, 9, 9 | |
| Light Green Wash | #D4E6D9 | 212, 230, 217 | 137°, 26%, 87% | 8, 0, 6, 10 | |
| Pale Grape | #C0A2C7 | 192, 162, 199 | 289°, 25%, 71% | 4, 19, 0, 22 | |
| Classic Chalk | #F4F4F0 | 244, 244, 240 | 60°, 15%, 95% | 0, 0, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C0A2C7 on #F4F4F0 | 2.06:1 | — |
| Aa #E2E7D3 on #C0A2C7 | 1.80:1 | — |
| Aa #D4E6D9 on #C0A2C7 | 1.75:1 | — |
| Aa #DFD8E1 on #C0A2C7 | 1.63:1 | — |
| Aa #DFD8E1 on #F4F4F0 | 1.27:1 | — |
| Aa #D4E6D9 on #F4F4F0 | 1.18:1 | — |
CSS variables
:root {
--color-1: #dfd8e1; /* Pastel Day */
--color-2: #e2e7d3; /* Just About Green */
--color-3: #d4e6d9; /* Light Green Wash */
--color-4: #c0a2c7; /* Pale Grape */
--color-5: #f4f4f0; /* Classic Chalk */
}Other schemes from Pastel Day
- Pastel Day Complementary Color Scheme#DFD8E1#F6F1F4#D6E4D4#A9C4A6#EFF5F1
- Pastel Day Analogous Color Scheme#D4D8E3#D9D3E5#DFD8E1#E4D4E2#E3D5D8
- Pastel Day Triadic Color Scheme#DFD8E1#E5E1D5#D6E5E2#F6F1F4#C6C0A6
- Pastel Day Tetradic Color Scheme#DFD8E1#E5DAD4#D6E4D4#D5E2E5#F6F1F4
- Pastel Day Monochromatic Color Scheme#96819A#BBAFC1#DFD8E1#F3F1F3#F3F1F3
More Very Light Purple split-complementary palettes
- Beefy Pink Split-complementary Color Scheme#DEBEEF#E9EDBD#B8EBC5#BF8FE5#F8FBEB
- Digital Lavender Split-complementary Color Scheme#CAC0E1#E2DAC2#C5E1C3#9E91C3#F7F5ED
- Diva Split-complementary Color Scheme#C9A0FF#FFF4A1#AAFFAA#9955FF#FFFEE5
- Dust of the Moon Split-complementary Color Scheme#CFC9DF#DFD8C8#CFDDC7#A598C4#F6F4EF
- Foggy Love Split-complementary Color Scheme#D5C7E8#EBE6C7#CBE9C9#AA8ED6#F9F7EC
- Girl Crush Split-complementary Color Scheme#D1C0DC#DADCC1#C0DBC6#A893C1#F6F6F0
- Greek Goddess Split-complementary Color Scheme#EDE9EF#F0F1E7#E7F2E9#CCB8D2#F4F4F0
- Holographic Lavender Split-complementary Color Scheme#F0E5F5#F0F4E5#E6F3E7#D6B7E2#F6F7ED
- Homoeopathic Lavender Split-complementary Color Scheme#E5E0EC#EDEBE1#E3EDE0#BDB0D0#F6F4EF
- Iron Maiden Split-complementary Color Scheme#D6D1DC#E3E1CC#CCE2CA#A99EC1#F6F4EF
- Lavender Bliss Split-complementary Color Scheme#CEC3DD#DEDBC4#C5DCC6#A893C1#F6F4EF
- Lilac Split-complementary Color Scheme#CEA2FD#FCFFA4#AAFFAA#AA55FF#FEFEE7
Questions
What colors go with Pastel Day?
In a split-complementary scheme: Just About Green (#E2E7D3), Light Green Wash (#D4E6D9), Pale Grape (#C0A2C7), Classic Chalk (#F4F4F0).
What is the hex code of Pastel Day?
#DFD8E1.