Cloudy Valley Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cloudy Valley (#B1C6D6), each snapped to its nearest named color.
#B1C6D6
#D7B1B2
#D8D3B2
#7FA2BF
#F0E2E4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Cloudy Valley | #B1C6D6 | 177, 198, 214 | 206°, 31%, 77% | 17, 7, 0, 16 | 81.6% 0.032 241 | |
| Radiant Rouge | #D7B1B2 | 215, 177, 178 | 358°, 32%, 77% | 0, 18, 17, 16 | 79.4% 0.044 16 | |
| Chinese Silk | #D8D3B2 | 216, 211, 178 | 52°, 33%, 77% | 0, 2, 18, 15 | 86.2% 0.044 100 | |
| Far Horizons | #7FA2BF | 127, 162, 191 | 207°, 33%, 62% | 34, 15, 0, 25 | 69.7% 0.058 244 | |
| Dulcet Pink | #F0E2E4 | 240, 226, 228 | 351°, 32%, 91% | 0, 6, 5, 6 | 92.4% 0.016 8 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7FA2BF on #F0E2E4 | 2.14:1 | — |
| Aa #D8D3B2 on #7FA2BF | 1.77:1 | — |
| Aa #D7B1B2 on #F0E2E4 | 1.54:1 | — |
| Aa #B1C6D6 on #7FA2BF | 1.52:1 | — |
| Aa #B1C6D6 on #F0E2E4 | 1.40:1 | — |
| Aa #D7B1B2 on #7FA2BF | 1.38:1 | — |
CSS variables
:root {
--color-1: #b1c6d6; /* Cloudy Valley */
--color-2: #d7b1b2; /* Radiant Rouge */
--color-3: #d8d3b2; /* Chinese Silk */
--color-4: #7fa2bf; /* Far Horizons */
--color-5: #f0e2e4; /* Dulcet Pink */
}Other schemes from Cloudy Valley
- Cloudy Valley Complementary Color Scheme#B1C6D6#EDF2F8#D4C2B1#BC987E#F6F4EF
- Cloudy Valley Analogous Color Scheme#B3D5C0#AED6D4#B1C6D6#B3B0D4#C0B2D7
- Cloudy Valley Triadic Color Scheme#B1C6D6#D9B2C7#C4D6AF#EDF2F8#B67CA2
- Cloudy Valley Tetradic Color Scheme#B1C6D6#D4B4D5#D4C2B1#B5D5B0#EDF2F8
- Cloudy Valley Monochromatic Color Scheme#507B9C#7FA2BF#B1C6D6#E2EAF0#EDF2F8
More light blue split-complementary color schemes
- 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 Haze Split-complementary Color Scheme#BDBACE#D2C7B7#C1D0B2#9188B5#EFEDE6
- Blue Jay Split-complementary Color Scheme#5588DD#DD6655#D0D557#2266BB#E29D94
Questions
What colors go with Cloudy Valley?
In a split-complementary scheme: Radiant Rouge (#D7B1B2), Chinese Silk (#D8D3B2), Far Horizons (#7FA2BF), Dulcet Pink (#F0E2E4).
What is the hex code of Cloudy Valley?
#B1C6D6.