Steam Bath Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Steam Bath (#CCD0DA), each snapped to its nearest named color.
#CCD0DA
#DFCDC7
#D8DDCA
#93A3C1
#F4EFEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Steam Bath | #CCD0DA | 204, 208, 218 | 223°, 16%, 83% | 6, 5, 0, 15 | |
| Lip Gloss | #DFCDC7 | 223, 205, 199 | 15°, 27%, 83% | 0, 8, 11, 13 | |
| Grassy Glade | #D8DDCA | 216, 221, 202 | 76°, 22%, 83% | 2, 0, 9, 13 | |
| Wild Clary | #93A3C1 | 147, 163, 193 | 219°, 27%, 67% | 24, 16, 0, 24 | |
| Angelic Wings | #F4EFEE | 244, 239, 238 | 10°, 21%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #93A3C1 on #F4EFEE | 2.23:1 | — |
| Aa #D8DDCA on #93A3C1 | 1.83:1 | — |
| Aa #DFCDC7 on #93A3C1 | 1.66:1 | — |
| Aa #CCD0DA on #93A3C1 | 1.65:1 | — |
| Aa #CCD0DA on #F4EFEE | 1.35:1 | — |
| Aa #DFCDC7 on #F4EFEE | 1.35:1 | — |
CSS variables
:root {
--color-1: #ccd0da; /* Steam Bath */
--color-2: #dfcdc7; /* Lip Gloss */
--color-3: #d8ddca; /* Grassy Glade */
--color-4: #93a3c1; /* Wild Clary */
--color-5: #f4efee; /* Angelic Wings */
}Other schemes from Steam Bath
- Steam Bath Complementary Color Scheme#CCD0DA#EEF2F3#DFD8C8#C2B79A#F6F4EF
- Steam Bath Analogous Color Scheme#C8DDDA#C8D9DD#CCD0DA#CBC8DD#D6C9DE
- Steam Bath Triadic Color Scheme#CCD0DA#DEC7CF#CFDDC7#EEF2F3#C19AA5
- Steam Bath Tetradic Color Scheme#CCD0DA#DCCAD8#DFD8C8#CADECE#EEF2F3
- Steam Bath Monochromatic Color Scheme#717F9B#A0A4BC#CCD0DA#F2F2F4#F2F2F4
More Very Light Blue split-complementary palettes
- A Dime a Dozen Split-complementary Color Scheme#D3DDE4#E2D4D4#E3E4D2#A2BACB#F5F0F1
- Andromeda Blue Split-complementary Color Scheme#ABCDEE#EDAAAC#EEEEAA#72A7E1#F9EAEA
- Après-Ski Split-complementary Color Scheme#CED5E4#E3D2CE#E1E2CF#9BA9CA#F7EFEF
- Ariel Split-complementary Color Scheme#AED7EA#EAABBC#ECDFAD#74B8DA#F8EAED
- Baby Blue Split-complementary Color Scheme#A2CFFE#FEA5A2#FCFFA4#55AAFF#FFE6E7
- Bird Bath Blue Split-complementary Color Scheme#CDDFE7#E5CCD1#E8E1CE#99BDD2#F7EFEF
- Blue Silk Split-complementary Color Scheme#D0DCE8#E9CFCF#E9E9D0#9EB6D0#F6EEED
- Breaking the Ice Split-complementary Color Scheme#B8E4F5#F3BAC9#F3E8B8#76C5E7#FFE9ED
- Breath of Fresh Air Split-complementary Color Scheme#C7DBE4#E2C9CE#E3DEC6#97BBC8#F7EFEF
- Breeze Split-complementary Color Scheme#AEC9EA#E6B0AF#E8EBAF#71A2D4#F9EAEB
- Breezy Split-complementary Color Scheme#C2DDE6#E7C2CA#E7DCC1#8DBBD1#F7EFEF
- Bright Star Split-complementary Color Scheme#DDE2E6#E9D9DC#EAE7DA#AABCCB#F4EFEE
Questions
What colors go with Steam Bath?
In a split-complementary scheme: Lip Gloss (#DFCDC7), Grassy Glade (#D8DDCA), Wild Clary (#93A3C1), Angelic Wings (#F4EFEE).
What is the hex code of Steam Bath?
#CCD0DA.