Misty Haze Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Misty Haze (#CEC9C3), each snapped to its nearest named color.
#CEC9C3
#BAD5D4
#BDBBD7
#BAA38B
#EAF2F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Misty Haze | #CEC9C3 | 206, 201, 195 | 33°, 10%, 79% | 0, 2, 5, 19 | 83.8% 0.010 73 | |
| Wingsuit Wind | #BAD5D4 | 186, 213, 212 | 178°, 24%, 78% | 13, 0, 0, 16 | 85.3% 0.029 194 | |
| Lavender Grey | #BDBBD7 | 189, 187, 215 | 244°, 26%, 79% | 12, 13, 0, 16 | 80.3% 0.039 289 | |
| Sesame | #BAA38B | 186, 163, 139 | 31°, 25%, 64% | 0, 12, 25, 27 | 72.9% 0.043 68 | |
| Warp Drive | #EAF2F1 | 234, 242, 241 | 173°, 24%, 93% | 3, 0, 0, 5 | 95.5% 0.009 188 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BAA38B on #EAF2F1 | 2.12:1 | — |
| Aa #BDBBD7 on #EAF2F1 | 1.64:1 | — |
| Aa #BAD5D4 on #BAA38B | 1.56:1 | — |
| Aa #CEC9C3 on #BAA38B | 1.47:1 | — |
| Aa #CEC9C3 on #EAF2F1 | 1.45:1 | — |
| Aa #BAD5D4 on #EAF2F1 | 1.36:1 | — |
CSS variables
:root {
--color-1: #cec9c3; /* Misty Haze */
--color-2: #bad5d4; /* Wingsuit Wind */
--color-3: #bdbbd7; /* Lavender Grey */
--color-4: #baa38b; /* Sesame */
--color-5: #eaf2f1; /* Warp Drive */
}Other schemes from Misty Haze
- Misty Haze Complementary Color Scheme#CEC9C3#F6F4EF#BBC6D6#90A2B7#EEF2F3
- Misty Haze Analogous Color Scheme#D3BCC5#D8BABC#CEC9C3#D6D5BC#C8D5BB
- Misty Haze Triadic Color Scheme#CEC9C3#BFD6C8#CBBDD7#F6F4EF#8EBAA6
- Misty Haze Tetradic Color Scheme#CEC9C3#BBD9BC#BBC6D6#D9BBD3#F6F4EF
- Misty Haze Monochromatic Color Scheme#897D6D#ABA39A#CEC9C3#F0EFED#F6F2F1
More light gray split-complementary color schemes
- Alpine Air Split-complementary Color Scheme#A9B4A9#B598C3#C99BB0#72A86A#D6C9DE
- Argento Split-complementary Color Scheme#CECAC3#BAD0D5#BDBBD7#B8A88A#EAF2F1
- Brume Split-complementary Color Scheme#C6C6C2#B6C4D2#C3B5D4#B1B787#E4EAED
- Casper Split-complementary Color Scheme#AAB5B8#C59DAA#C3B89F#6C9DA9#E1CED4
- Cathedral Split-complementary Color Scheme#ACAAA7#93BCBB#9791BC#A18A64#C5D9DB
- Cortex Split-complementary Color Scheme#A99592#84B6A2#899BB8#956159#B5D1C7
- Crown of Ash Split-complementary Color Scheme#A1A9A9#BB8DA8#BEA58E#5F9B9C#D8BFC8
- Dangerous Robot Split-complementary Color Scheme#CBC5C6#BBD9C3#BBCFD4#BC8A90#EAF2ED
- Dark Ages Split-complementary Color Scheme#9698A3#B99684#ABB486#536193#D1BEB4
- Dim Split-complementary Color Scheme#C8C2BE#B7D1D1#B2B7D1#B69983#E5EEEE
- Dove Split-complementary Color Scheme#B3ADA7#9CC2C5#979AC4#A3876A#C6DEDF
- Dusky Mood Split-complementary Color Scheme#979BA8#B69289#A8B989#5A6E9C#D5BFB4
Questions
What colors go with Misty Haze?
In a split-complementary scheme: Wingsuit Wind (#BAD5D4), Lavender Grey (#BDBBD7), Sesame (#BAA38B), Warp Drive (#EAF2F1).
What is the hex code of Misty Haze?
#CEC9C3.