Second Wind Complementary Color Scheme
Five colors arranged by the complementary rule around Second Wind (#DFECE9), each snapped to its nearest named color.
#DFECE9
#F0F4F2
#EADEE0
#D1AFB7
#F5F0F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Second Wind | #DFECE9 | 223, 236, 233 | 166°, 25%, 90% | 6, 0, 1, 7 | |
| Bakery Box | #F0F4F2 | 240, 244, 242 | 150°, 15%, 95% | 2, 0, 1, 4 | |
| Pink Posey | #EADEE0 | 234, 222, 224 | 350°, 22%, 89% | 0, 5, 4, 8 | |
| Iced Watermelon | #D1AFB7 | 209, 175, 183 | 346°, 27%, 75% | 0, 16, 12, 18 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F0F4F2 on #D1AFB7 | 1.80:1 | — |
| Aa #D1AFB7 on #F5F0F1 | 1.77:1 | — |
| Aa #DFECE9 on #D1AFB7 | 1.64:1 | — |
| Aa #EADEE0 on #D1AFB7 | 1.52:1 | — |
| Aa #F0F4F2 on #EADEE0 | 1.18:1 | — |
| Aa #EADEE0 on #F5F0F1 | 1.16:1 | — |
CSS variables
:root {
--color-1: #dfece9; /* Second Wind */
--color-2: #f0f4f2; /* Bakery Box */
--color-3: #eadee0; /* Pink Posey */
--color-4: #d1afb7; /* Iced Watermelon */
--color-5: #f5f0f1; /* Plastic Clouds */
}Other schemes from Second Wind
- Second Wind Analogous Color Scheme#E4ECDF#DFEBE2#DFECE9#DDE8ED#DEE2EC
- Second Wind Triadic Color Scheme#DFECE9#E8DFED#EDE9DF#F0F4F2#C9AFD0
- Second Wind Split-complementary Color Scheme#DFECE9#EBDFEA#EDE3DF#AED0C9#F6F1F4
- Second Wind Tetradic Color Scheme#DFECE9#E3DFEC#EADEE0#E9EBDE#F0F4F2
- Second Wind Monochromatic Color Scheme#7DB6A8#AED0C9#DFECE9#F0F4F2#F0F4F2
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 Second Wind?
In a complementary scheme: Bakery Box (#F0F4F2), Pink Posey (#EADEE0), Iced Watermelon (#D1AFB7), Plastic Clouds (#F5F0F1).
What is the hex code of Second Wind?
#DFECE9.