Girl Crush Complementary Color Scheme
Five colors arranged by the complementary rule around Girl Crush (#D1C0DC), each snapped to its nearest named color.
#D1C0DC
#F3F1F3
#CEDAC3
#A4C48E
#EFF5F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Girl Crush | #D1C0DC | 209, 192, 220 | 276°, 29%, 81% | 5, 13, 0, 14 | |
| Aragonite White | #F3F1F3 | 243, 241, 243 | 300°, 8%, 95% | 0, 1, 0, 5 | |
| Breakaway | #CEDAC3 | 206, 218, 195 | 91°, 24%, 81% | 6, 0, 11, 15 | |
| Cos | #A4C48E | 164, 196, 142 | 96°, 31%, 66% | 16, 0, 28, 23 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A4C48E on #EFF5F1 | 1.75:1 | — |
| Aa #F3F1F3 on #A4C48E | 1.72:1 | — |
| Aa #D1C0DC on #EFF5F1 | 1.55:1 | — |
| Aa #D1C0DC on #F3F1F3 | 1.52:1 | — |
| Aa #CEDAC3 on #A4C48E | 1.33:1 | — |
| Aa #CEDAC3 on #EFF5F1 | 1.32:1 | — |
CSS variables
:root {
--color-1: #d1c0dc; /* Girl Crush */
--color-2: #f3f1f3; /* Aragonite White */
--color-3: #cedac3; /* Breakaway */
--color-4: #a4c48e; /* Cos */
--color-5: #eff5f1; /* Heavy Sugar */
}Other schemes from Girl Crush
- Girl Crush Analogous Color Scheme#C1CAD9#C9C2DD#D1C0DC#DDC1D7#DCC2CB
- Girl Crush Triadic Color Scheme#D1C0DC#DAD1C0#C2DDD3#F3F1F3#C1AE91
- Girl Crush Split-complementary Color Scheme#D1C0DC#DADCC1#C0DBC6#A893C1#F6F6F0
- Girl Crush Tetradic Color Scheme#D1C0DC#DFC1C3#CEDAC3#C1D8D9#F3F1F3
- Girl Crush Monochromatic Color Scheme#8D5EB7#A893C1#D1C0DC#F3F1F3#F3F1F3
More Very Light Purple complementary palettes
- Beefy Pink Complementary Color Scheme#DEBEEF#F8EBFC#CCEEBB#A3E493#F1FAEA
- Digital Lavender Complementary Color Scheme#CAC0E1#F1F2F8#D9E1C1#B6CA90#F4F7EE
- Diva Complementary Color Scheme#C9A0FF#F0EBFC#DDFFAA#AAFF55#F6FFE8
- Dust of the Moon Complementary Color Scheme#CFC9DF#F1F2F8#D8DDCA#BBC199#F4F7EE
- Foggy Love Complementary Color Scheme#D5C7E8#F0EBFC#D9E8C9#BCCF8F#F2F8ED
- Greek Goddess Complementary Color Scheme#EDE9EF#F3F1F3#EAF1E6#C1D6B1#EFF5F1
- Holographic Lavender Complementary Color Scheme#F0E5F5#F3E9F7#EAF5E7#B8E2B0#F1F8EC
- Homoeopathic Lavender Complementary Color Scheme#E5E0EC#F3F1F3#E6EAE0#C1D0B2#F4F4F0
- Iron Maiden Complementary Color Scheme#D6D1DC#F3F1F3#DAE2CD#B3C39C#F4F4F0
- Lavender Bliss Complementary Color Scheme#CEC3DD#F3F1F3#D1DBC2#AFC195#F4F7EE
- Lilac Complementary Color Scheme#CEA2FD#F0EBFC#DDFFAA#AAFF55#F6FFE8
- Mauve Complementary Color Scheme#E0B0FF#F8EBFC#C8FFB0#B1FF65#F1FDE9
Questions
What colors go with Girl Crush?
In a complementary scheme: Aragonite White (#F3F1F3), Breakaway (#CEDAC3), Cos (#A4C48E), Heavy Sugar (#EFF5F1).
What is the hex code of Girl Crush?
#D1C0DC.