Girl Crush Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Girl Crush (#D1C0DC), each snapped to its nearest named color.
#D1C0DC
#DADCC1
#C0DBC6
#A893C1
#F6F6F0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Girl Crush | #D1C0DC | 209, 192, 220 | 276°, 29%, 81% | 5, 13, 0, 14 | |
| Garden Gate | #DADCC1 | 218, 220, 193 | 64°, 28%, 81% | 1, 0, 12, 14 | |
| Green Grapes | #C0DBC6 | 192, 219, 198 | 133°, 27%, 81% | 12, 0, 10, 14 | |
| Enchanted Lilac | #A893C1 | 168, 147, 193 | 267°, 27%, 67% | 13, 24, 0, 24 | |
| Ultra White | #F6F6F0 | 246, 246, 240 | 60°, 25%, 95% | 0, 0, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A893C1 on #F6F6F0 | 2.54:1 | — |
| Aa #DADCC1 on #A893C1 | 1.97:1 | — |
| Aa #C0DBC6 on #A893C1 | 1.86:1 | — |
| Aa #D1C0DC on #A893C1 | 1.61:1 | — |
| Aa #D1C0DC on #F6F6F0 | 1.58:1 | — |
| Aa #C0DBC6 on #F6F6F0 | 1.36:1 | — |
CSS variables
:root {
--color-1: #d1c0dc; /* Girl Crush */
--color-2: #dadcc1; /* Garden Gate */
--color-3: #c0dbc6; /* Green Grapes */
--color-4: #a893c1; /* Enchanted Lilac */
--color-5: #f6f6f0; /* Ultra White */
}Other schemes from Girl Crush
- Girl Crush Complementary Color Scheme#D1C0DC#F3F1F3#CEDAC3#A4C48E#EFF5F1
- Girl Crush Analogous Color Scheme#C1CAD9#C9C2DD#D1C0DC#DDC1D7#DCC2CB
- Girl Crush Triadic Color Scheme#D1C0DC#DAD1C0#C2DDD3#F3F1F3#C1AE91
- Girl Crush Tetradic Color Scheme#D1C0DC#DFC1C3#CEDAC3#C1D8D9#F3F1F3
- Girl Crush Monochromatic Color Scheme#8D5EB7#A893C1#D1C0DC#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
- 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
- Mauve Split-complementary Color Scheme#E0B0FF#FEFCAF#B6FFBB#C760FF#FFFFE5
Questions
What colors go with Girl Crush?
In a split-complementary scheme: Garden Gate (#DADCC1), Green Grapes (#C0DBC6), Enchanted Lilac (#A893C1), Ultra White (#F6F6F0).
What is the hex code of Girl Crush?
#D1C0DC.