Free Spirit Complementary Color Scheme
Five colors arranged by the complementary rule around Free Spirit (#DEEEED), each snapped to its nearest named color.
#DEEEED
#ECF7F7
#EFDEDF
#D4ACAD
#F7EFEF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Free Spirit | #DEEEED | 222, 238, 237 | 176°, 32%, 90% | 7, 0, 0, 7 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 | |
| Reduced Red | #EFDEDF | 239, 222, 223 | 356°, 35%, 90% | 0, 7, 7, 6 | |
| Pale Persimmon | #D4ACAD | 212, 172, 173 | 359°, 32%, 75% | 0, 19, 18, 17 | |
| Vienna Dawn | #F7EFEF | 247, 239, 239 | 0°, 33%, 95% | 0, 3, 3, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ECF7F7 on #D4ACAD | 1.86:1 | — |
| Aa #D4ACAD on #F7EFEF | 1.80:1 | — |
| Aa #DEEEED on #D4ACAD | 1.70:1 | — |
| Aa #EFDEDF on #D4ACAD | 1.57:1 | — |
| Aa #ECF7F7 on #EFDEDF | 1.19:1 | — |
| Aa #EFDEDF on #F7EFEF | 1.15:1 | — |
CSS variables
:root {
--color-1: #deeeed; /* Free Spirit */
--color-2: #ecf7f7; /* Aijiro White */
--color-3: #efdedf; /* Reduced Red */
--color-4: #d4acad; /* Pale Persimmon */
--color-5: #f7efef; /* Vienna Dawn */
}Other schemes from Free Spirit
- 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 Tetradic Color Scheme#DEEEED#E6DEF0#EFDEDF#E7EDDD#ECF7F7
- Free Spirit Monochromatic Color Scheme#77BCB6#AAD4D1#DEEEED#ECF7F7#ECF7F7
More Very Light Teal complementary palettes
- Airy Complementary Color Scheme#DAE6E9#F1F3F3#E8DEDA#CDB1AB#F4EFEE
- Alpine Expedition Complementary Color Scheme#99EEFF#E7FEFF#FFAA99#FF6C51#FDEAE6
- Antiguan Complementary Color Scheme#BDDFD8#ECF7F7#DCBDC8#C78B95#F7EFEF
- Bare Mintimum Complementary Color Scheme#D6E3E7#F0F4F8#E6DAD6#CDAEA5#F7EFEF
- Blister Pearl Complementary Color Scheme#AAFFEE#E7FEFF#FFAABB#FD5B78#FFE6EC
- Bone-Chilling Complementary Color Scheme#E1F2F0#ECF7F7#F0E2E4#DDADAF#F6EEED
- Break the Ice Complementary Color Scheme#B2E1EE#EEF7FA#F1BFB1#E08771#FAEFE9
- Bubbles Complementary Color Scheme#E7FEFF#E7FEFF#FFE8E5#FF9999#FFE8E5
- Calm Waters Complementary Color Scheme#E7FAFA#EBFCFC#FBE7E6#F1AAA8#F9EAEA
- Castle in the Sky Complementary Color Scheme#D1EAED#ECF7F7#ECD4D2#DBA39A#F6EEED
- Cold Canada Complementary Color Scheme#DBFFFE#E7FEFF#FFDADC#FC9293#FFE6E7
- Cold Omen Complementary Color Scheme#D6EAE8#ECF7F7#ECD5D9#D1A5A6#F7EFEF
Questions
What colors go with Free Spirit?
In a complementary scheme: Aijiro White (#ECF7F7), Reduced Red (#EFDEDF), Pale Persimmon (#D4ACAD), Vienna Dawn (#F7EFEF).
What is the hex code of Free Spirit?
#DEEEED.