Free Spirit Analogous Color Scheme
Five colors arranged by the analogous rule around Free Spirit (#DEEEED), each snapped to its nearest named color.
#DDEEDD
#DEEDE4
#DEEEED
#DDE8ED
#DCDFEF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vanishing Point | #DDEEDD | 221, 238, 221 | 120°, 33%, 90% | 7, 0, 7, 7 | |
| Wishy-Washy Lichen | #DEEDE4 | 222, 237, 228 | 144°, 29%, 90% | 6, 0, 4, 7 | |
| Free Spirit | #DEEEED | 222, 238, 237 | 176°, 32%, 90% | 7, 0, 0, 7 | |
| Moby Dick | #DDE8ED | 221, 232, 237 | 199°, 31%, 90% | 7, 2, 0, 7 | |
| Lower Lavender | #DCDFEF | 220, 223, 239 | 231°, 37%, 90% | 8, 7, 0, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DEEEED on #DCDFEF | 1.11:1 | — |
| Aa #DDEEDD on #DCDFEF | 1.09:1 | — |
| Aa #DEEDE4 on #DCDFEF | 1.09:1 | — |
| Aa #DDE8ED on #DCDFEF | 1.06:1 | — |
| Aa #DEEEED on #DDE8ED | 1.04:1 | — |
| Aa #DDEEDD on #DDE8ED | 1.03:1 | — |
CSS variables
:root {
--color-1: #ddeedd; /* Vanishing Point */
--color-2: #deede4; /* Wishy-Washy Lichen */
--color-3: #deeeed; /* Free Spirit */
--color-4: #dde8ed; /* Moby Dick */
--color-5: #dcdfef; /* Lower Lavender */
}Other schemes from Free Spirit
- Free Spirit Complementary Color Scheme#DEEEED#ECF7F7#EFDEDF#D4ACAD#F7EFEF
- Free Spirit Triadic Color Scheme#DEEEED#EEDDEE#EEEDDF#ECF7F7#D0ADD3
- Free Spirit Split-complementary Color Scheme#DEEEED#EDDEE6#EEE3DE#AAD4D1#F8EEF4
- Free Spirit Tetradic Color Scheme#DEEEED#E6DEF0#EFDEDF#E7EDDD#ECF7F7
- Free Spirit Monochromatic Color Scheme#77BCB6#AAD4D1#DEEEED#ECF7F7#ECF7F7
More Very Light Teal analogous palettes
- Airy Analogous Color Scheme#DAE9DC#DAEAE4#DAE6E9#DBDFE9#D9D9EA
- Alpine Expedition Analogous Color Scheme#90FDA9#99FFDD#99EEFF#99BBFF#BB88FF
- Antiguan Analogous Color Scheme#C4DDBB#BDDEC7#BDDFD8#BDD4DE#BBC5DE
- Bare Mintimum Analogous Color Scheme#D7E7DA#D6E7E3#D6E3E7#D3DBE7#DBD5E6
- Blister Pearl Analogous Color Scheme#B2FBA5#AAFFCC#AAFFEE#AEE4FF#A2BFFE
- Bone-Chilling Analogous Color Scheme#E4F3E0#E1F0EA#E1F2F0#E2ECF2#E0E3EF
- Break the Ice Analogous Color Scheme#BBE6BB#B6ECDE#B2E1EE#B7C0EA#B8B8F8
- Bubbles Analogous Color Scheme#E7FBEC#E6FDF1#E7FEFF#E8EEFE#E6E6FA
- Calm Waters Analogous Color Scheme#E4F7E7#E6F9F1#E7FAFA#E7EFFB#E6E6FA
- Castle in the Sky Analogous Color Scheme#D2EED6#CFEEE1#D1EAED#D3DBEC#D7D1E9
- Cold Canada Analogous Color Scheme#DDFFDD#DDFFEE#DBFFFE#DDEEFF#DDDDFF
- Cold Omen Analogous Color Scheme#D8EBD6#D5EBDD#D6EAE8#D4E2EB#D9D9EA
Questions
What colors go with Free Spirit?
In a analogous scheme: Vanishing Point (#DDEEDD), Wishy-Washy Lichen (#DEEDE4), Moby Dick (#DDE8ED), Lower Lavender (#DCDFEF).
What is the hex code of Free Spirit?
#DEEEED.