Free Spirit Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Free Spirit (#DEEEED), each snapped to its nearest named color.
#DEEEED
#EDDEE6
#EEE3DE
#AAD4D1
#F8EEF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Free Spirit | #DEEEED | 222, 238, 237 | 176°, 32%, 90% | 7, 0, 0, 7 | |
| Antarctic Love | #EDDEE6 | 237, 222, 230 | 328°, 29%, 90% | 0, 6, 3, 7 | |
| Glossy Kiss | #EEE3DE | 238, 227, 222 | 19°, 32%, 90% | 0, 5, 7, 7 | |
| Eton Blue | #AAD4D1 | 170, 212, 209 | 176°, 33%, 75% | 20, 0, 1, 17 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AAD4D1 on #F8EEF4 | 1.42:1 | — |
| Aa #DEEEED on #AAD4D1 | 1.35:1 | — |
| Aa #EEE3DE on #AAD4D1 | 1.28:1 | — |
| Aa #EDDEE6 on #AAD4D1 | 1.24:1 | — |
| Aa #EDDEE6 on #F8EEF4 | 1.14:1 | — |
| Aa #EEE3DE on #F8EEF4 | 1.11:1 | — |
CSS variables
:root {
--color-1: #deeeed; /* Free Spirit */
--color-2: #eddee6; /* Antarctic Love */
--color-3: #eee3de; /* Glossy Kiss */
--color-4: #aad4d1; /* Eton Blue */
--color-5: #f8eef4; /* Sentimental Pink */
}Other schemes from Free Spirit
- Free Spirit Complementary Color Scheme#DEEEED#ECF7F7#EFDEDF#D4ACAD#F7EFEF
- Free Spirit Analogous Color Scheme#DDEEDD#DEEDE4#DEEEED#DDE8ED#DCDFEF
- Free Spirit Triadic Color Scheme#DEEEED#EEDDEE#EEEDDF#ECF7F7#D0ADD3
- Free Spirit Tetradic Color Scheme#DEEEED#E6DEF0#EFDEDF#E7EDDD#ECF7F7
- Free Spirit Monochromatic Color Scheme#77BCB6#AAD4D1#DEEEED#ECF7F7#ECF7F7
More Very Light Teal split-complementary palettes
- Airy Split-complementary Color Scheme#DAE6E9#E9DBDF#EAE4DA#A9C6CB#F5F0F1
- Alpine Expedition Split-complementary Color Scheme#99EEFF#FF9BB7#FFDD99#45E9FD#FFE5ED
- Antiguan Split-complementary Color Scheme#BDDFD8#DCBFD5#DFC7BC#8AC5BA#F8EEF4
- Bare Mintimum Split-complementary Color Scheme#D6E3E7#E8D8DA#E7E3D6#A6C4CA#F5F0F1
- Blister Pearl Split-complementary Color Scheme#AAFFEE#FFAAEE#FFC4AE#55FFCC#FFE3F4
- Bone-Chilling Split-complementary Color Scheme#E1F2F0#F3E0EB#F3E8E1#AEDDD3#F8EEF4
- Break the Ice Split-complementary Color Scheme#B2E1EE#EDB2C4#F1DAB2#75C7E0#F8EAED
- Bubbles Split-complementary Color Scheme#E7FEFF#FFE6F1#FFF2E4#9CFAFF#FFE6F1
- Calm Waters Split-complementary Color Scheme#E7FAFA#F9E7F4#F9F2E7#AFEEEE#FCEBF4
- Castle in the Sky Split-complementary Color Scheme#D1EAED#EBD0DB#EDE1D1#98D2D9#F7EFEF
- Cold Canada Split-complementary Color Scheme#DBFFFE#FFDDEE#FFEBDA#88FFFF#FFE6F1
- Cold Omen Split-complementary Color Scheme#D6EAE8#EAD3E0#EBDED7#A5D0CB#F8EEF4
Questions
What colors go with Free Spirit?
In a split-complementary scheme: Antarctic Love (#EDDEE6), Glossy Kiss (#EEE3DE), Eton Blue (#AAD4D1), Sentimental Pink (#F8EEF4).
What is the hex code of Free Spirit?
#DEEEED.