Yorkshire Cloud Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Yorkshire Cloud (#BAC3CC), each snapped to its nearest named color.
#BAC3CC
#CEB5B3
#D2D3B3
#849DB4
#F0E5E5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Yorkshire Cloud | #BAC3CC | 186, 195, 204 | 210°, 15%, 76% | 9, 4, 0, 20 | 81.3% 0.016 248 | |
| Smoked Lavender | #CEB5B3 | 206, 181, 179 | 4°, 22%, 75% | 0, 12, 13, 19 | 79.4% 0.029 23 | |
| Orinoco | #D2D3B3 | 210, 211, 179 | 62°, 27%, 76% | 0, 0, 15, 17 | 85.8% 0.043 109 | |
| Office Blue | #849DB4 | 132, 157, 180 | 209°, 24%, 61% | 27, 13, 0, 29 | 68.5% 0.044 246 | |
| Venus Pink | #F0E5E5 | 240, 229, 229 | 0°, 27%, 92% | 0, 5, 5, 6 | 93.1% 0.012 17 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #849DB4 on #F0E5E5 | 2.28:1 | — |
| Aa #D2D3B3 on #849DB4 | 1.84:1 | — |
| Aa #BAC3CC on #849DB4 | 1.58:1 | — |
| Aa #CEB5B3 on #F0E5E5 | 1.57:1 | — |
| Aa #CEB5B3 on #849DB4 | 1.46:1 | — |
| Aa #BAC3CC on #F0E5E5 | 1.45:1 | — |
CSS variables
:root {
--color-1: #bac3cc; /* Yorkshire Cloud */
--color-2: #ceb5b3; /* Smoked Lavender */
--color-3: #d2d3b3; /* Orinoco */
--color-4: #849db4; /* Office Blue */
--color-5: #f0e5e5; /* Venus Pink */
}Other schemes from Yorkshire Cloud
- Yorkshire Cloud Complementary Color Scheme#BAC3CC#EEF2F3#D4C3B3#B49C83#F6F2F1
- Yorkshire Cloud Analogous Color Scheme#B6D3C5#B7D1D1#BAC3CC#B2B7D1#C3B5D4
- Yorkshire Cloud Triadic Color Scheme#BAC3CC#D1B6C3#C5D1B2#EEF2F3#B0879B
- Yorkshire Cloud Tetradic Color Scheme#BAC3CC#D4B4D5#D4C3B3#B1D4B7#EEF2F3
- Yorkshire Cloud Monochromatic Color Scheme#667788#8F9CAC#BAC3CC#E4EAED#F2F2F4
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 Yorkshire Cloud?
In a split-complementary scheme: Smoked Lavender (#CEB5B3), Orinoco (#D2D3B3), Office Blue (#849DB4), Venus Pink (#F0E5E5).
What is the hex code of Yorkshire Cloud?
#BAC3CC.