Free Spirit Tetradic Color Scheme
Five colors arranged by the tetradic rule around Free Spirit (#DEEEED), each snapped to its nearest named color.
#DEEEED
#E6DEF0
#EFDEDF
#E7EDDD
#ECF7F7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Free Spirit | #DEEEED | 222, 238, 237 | 176°, 32%, 90% | 7, 0, 0, 7 | |
| Lingering Lilac | #E6DEF0 | 230, 222, 240 | 267°, 37%, 91% | 4, 7, 0, 6 | |
| Reduced Red | #EFDEDF | 239, 222, 223 | 356°, 35%, 90% | 0, 7, 7, 6 | |
| Chrome Green | #E7EDDD | 231, 237, 221 | 83°, 31%, 90% | 3, 0, 7, 7 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E6DEF0 on #ECF7F7 | 1.20:1 | — |
| Aa #EFDEDF on #ECF7F7 | 1.19:1 | — |
| Aa #E7EDDD on #ECF7F7 | 1.09:1 | — |
| Aa #DEEEED on #ECF7F7 | 1.09:1 | — |
| Aa #DEEEED on #E6DEF0 | 1.09:1 | — |
| Aa #E6DEF0 on #E7EDDD | 1.09:1 | — |
CSS variables
:root {
--color-1: #deeeed; /* Free Spirit */
--color-2: #e6def0; /* Lingering Lilac */
--color-3: #efdedf; /* Reduced Red */
--color-4: #e7eddd; /* Chrome Green */
--color-5: #ecf7f7; /* Aijiro White */
}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 Split-complementary Color Scheme#DEEEED#EDDEE6#EEE3DE#AAD4D1#F8EEF4
- Free Spirit Monochromatic Color Scheme#77BCB6#AAD4D1#DEEEED#ECF7F7#ECF7F7
More Very Light Teal tetradic palettes
- Airy Tetradic Color Scheme#DAE6E9#E3DAE9#E8DEDA#DFEADB#F1F3F3
- Alpine Expedition Tetradic Color Scheme#99EEFF#D59CFC#FFAA99#BBFF99#E7FEFF
- Antiguan Tetradic Color Scheme#BDDFD8#C6BEDD#DCBDC8#DDDEBE#ECF7F7
- Bare Mintimum Tetradic Color Scheme#D6E3E7#E3D6E9#E6DAD6#DAE9D6#F0F4F8
- Blister Pearl Tetradic Color Scheme#AAFFEE#CCAAFF#FFAABB#EEFFAA#E7FEFF
- Bone-Chilling Tetradic Color Scheme#E1F2F0#E7E0EE#F0E2E4#ECF3E1#ECF7F7
- Break the Ice Tetradic Color Scheme#B2E1EE#DDAAEE#F1BFB1#CEEBB2#EEF7FA
- Bubbles Tetradic Color Scheme#E7FEFF#F0EBFC#FFE8E5#F1FDE9#E7FEFF
- Calm Waters Tetradic Color Scheme#E7FAFA#EEE9F9#FBE7E6#F3F9E9#EBFCFC
- Castle in the Sky Tetradic Color Scheme#D1EAED#E9D2EF#ECD4D2#DAEED3#ECF7F7
- Cold Canada Tetradic Color Scheme#DBFFFE#EEDDFF#FFDADC#EEFFDD#E7FEFF
- Cold Omen Tetradic Color Scheme#D6EAE8#DDD6E7#ECD5D9#E3EAD6#ECF7F7
Questions
What colors go with Free Spirit?
In a tetradic scheme: Lingering Lilac (#E6DEF0), Reduced Red (#EFDEDF), Chrome Green (#E7EDDD), Aijiro White (#ECF7F7).
What is the hex code of Free Spirit?
#DEEEED.