Blue Haze Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Blue Haze (#BDBACE), each snapped to its nearest named color.
#BDBACE
#D2C7B7
#C1D0B2
#9188B5
#EFEDE6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Blue Haze | #BDBACE | 189, 186, 206 | 249°, 17%, 77% | 8, 10, 0, 19 | |
| Accessible Beige | #D2C7B7 | 210, 199, 183 | 36°, 23%, 77% | 0, 5, 13, 18 | |
| Stability | #C1D0B2 | 193, 208, 178 | 90°, 24%, 76% | 7, 0, 14, 18 | |
| Silk Lilac | #9188B5 | 145, 136, 181 | 252°, 23%, 62% | 20, 25, 0, 29 | |
| Salt | #EFEDE6 | 239, 237, 230 | 47°, 22%, 92% | 0, 1, 4, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9188B5 on #EFEDE6 | 2.80:1 | — |
| Aa #C1D0B2 on #9188B5 | 2.02:1 | — |
| Aa #D2C7B7 on #9188B5 | 1.97:1 | — |
| Aa #BDBACE on #9188B5 | 1.73:1 | — |
| Aa #BDBACE on #EFEDE6 | 1.62:1 | — |
| Aa #D2C7B7 on #EFEDE6 | 1.42:1 | — |
CSS variables
:root {
--color-1: #bdbace; /* Blue Haze */
--color-2: #d2c7b7; /* Accessible Beige */
--color-3: #c1d0b2; /* Stability */
--color-4: #9188b5; /* Silk Lilac */
--color-5: #efede6; /* Salt */
}Other schemes from Blue Haze
- Blue Haze Complementary Color Scheme#BDBACE#F3F1F3#CFD2B5#B1B787#F4F4F0
- Blue Haze Analogous Color Scheme#B5CED4#B3C0D3#BDBACE#CAB4D4#D5B6CD
- Blue Haze Triadic Color Scheme#BDBACE#D4BBB6#B8D4BB#F3F1F3#B68B88
- Blue Haze Tetradic Color Scheme#BDBACE#D6B3C0#CFD2B5#B5D1C7#F3F1F3
- Blue Haze Monochromatic Color Scheme#65648B#928AAE#BDBACE#E7E6ED#F3F1F3
More Light Blue split-complementary palettes
- Acapulco Dive Split-complementary Color Scheme#65A7DD#D76968#DCD867#2987C7#EBA0A7
- Adrift on the Nile Split-complementary Color Scheme#93B8E3#E29991#E5E896#518FD1#F5D1CF
- Airborne Split-complementary Color Scheme#A2C2D0#CFA2AD#D0C6A1#70A5B7#ECD5D9
- Arcane Brew Split-complementary Color Scheme#5260E1#E68750#A7E142#243BCD#E8B793
- Arctic Ice Split-complementary Color Scheme#B6BDD0#D2BBB2#CCD1B2#818DB3#F0E5E5
- Azureno Split-complementary Color Scheme#8FA0D5#D5A193#C3DB8D#5D76CB#EBCFC7
- Below Zero Split-complementary Color Scheme#87CDED#F08497#EAD988#4CA8E0#F8CAD5
- Birdie Num Num Split-complementary Color Scheme#89ACDA#DA8C87#D8DB8B#5383C3#EEC6C3
- Blank Stare Split-complementary Color Scheme#8B9CAC#B38380#B4B780#597695#CEB0B5
- Blue Bay Split-complementary Color Scheme#619AD6#D46362#D6D963#3473B7#E39E9C
- Blue Jay Split-complementary Color Scheme#5588DD#DD6655#D0D557#2266BB#E29D94
- Blue Lips Split-complementary Color Scheme#A6BCE2#E7AFA8#D9E6A6#6C94CD#F4E4E0
Questions
What colors go with Blue Haze?
In a split-complementary scheme: Accessible Beige (#D2C7B7), Stability (#C1D0B2), Silk Lilac (#9188B5), Salt (#EFEDE6).
What is the hex code of Blue Haze?
#BDBACE.