Polar Wind Complementary Color Scheme
Five colors arranged by the complementary rule around Polar Wind (#B4DFED), each snapped to its nearest named color.
#B4DFED
#E8F5FC
#EFC1B5
#DD9475
#FAEFE9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Polar Wind | #B4DFED | 180, 223, 237 | 195°, 61%, 82% | 24, 6, 0, 7 | |
| Kodama White | #E8F5FC | 232, 245, 252 | 201°, 77%, 95% | 8, 3, 0, 1 | |
| New Clay | #EFC1B5 | 239, 193, 181 | 12°, 64%, 82% | 0, 19, 24, 6 | |
| Buffed Copper | #DD9475 | 221, 148, 117 | 18°, 60%, 66% | 0, 33, 47, 13 | |
| Baby Blossom | #FAEFE9 | 250, 239, 233 | 21°, 63%, 95% | 0, 4, 7, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E8F5FC on #DD9475 | 2.21:1 | — |
| Aa #DD9475 on #FAEFE9 | 2.17:1 | — |
| Aa #B4DFED on #DD9475 | 1.72:1 | — |
| Aa #EFC1B5 on #DD9475 | 1.51:1 | — |
| Aa #E8F5FC on #EFC1B5 | 1.46:1 | — |
| Aa #EFC1B5 on #FAEFE9 | 1.43:1 | — |
CSS variables
:root {
--color-1: #b4dfed; /* Polar Wind */
--color-2: #e8f5fc; /* Kodama White */
--color-3: #efc1b5; /* New Clay */
--color-4: #dd9475; /* Buffed Copper */
--color-5: #faefe9; /* Baby Blossom */
}Other schemes from Polar Wind
- Polar Wind Analogous Color Scheme#B8EBC5#B6ECDE#B4DFED#B7C0EA#C2B2F0
- Polar Wind Triadic Color Scheme#B4DFED#E9B8DE#DFEBB1#E8F5FC#CC77CC
- Polar Wind Split-complementary Color Scheme#B4DFED#EDB2C4#F2DFB5#7AC6D9#F8EAED
- Polar Wind Tetradic Color Scheme#B4DFED#DDAAEE#EFC1B5#C2ECBC#E8F5FC
- Polar Wind Monochromatic Color Scheme#38AFCD#7AC6D9#B4DFED#E8F5FC#E8F5FC
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 Polar Wind?
In a complementary scheme: Kodama White (#E8F5FC), New Clay (#EFC1B5), Buffed Copper (#DD9475), Baby Blossom (#FAEFE9).
What is the hex code of Polar Wind?
#B4DFED.