Spa Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Spa (#CEECE7), each snapped to its nearest named color.
#CEECE7
#ECCEE5
#EBDACE
#9CD4CF
#F8EEF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Spa | #CEECE7 | 206, 236, 231 | 170°, 44%, 87% | 13, 0, 2, 7 | 92.0% 0.032 185 | |
| Sweet Dreams | #ECCEE5 | 236, 206, 229 | 314°, 44%, 87% | 0, 13, 3, 7 | 88.3% 0.045 334 | |
| Gobi Beige | #EBDACE | 235, 218, 206 | 25°, 42%, 86% | 0, 7, 12, 8 | 89.9% 0.025 58 | |
| Fountain City | #9CD4CF | 156, 212, 207 | 175°, 39%, 72% | 26, 0, 2, 17 | 83.0% 0.058 189 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 | 95.9% 0.013 341 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9CD4CF on #F8EEF4 | 1.46:1 | — |
| Aa #CEECE7 on #9CD4CF | 1.32:1 | — |
| Aa #ECCEE5 on #F8EEF4 | 1.28:1 | — |
| Aa #EBDACE on #9CD4CF | 1.21:1 | — |
| Aa #EBDACE on #F8EEF4 | 1.20:1 | — |
| Aa #CEECE7 on #ECCEE5 | 1.15:1 | — |
CSS variables
:root {
--color-1: #ceece7; /* Spa */
--color-2: #eccee5; /* Sweet Dreams */
--color-3: #ebdace; /* Gobi Beige */
--color-4: #9cd4cf; /* Fountain City */
--color-5: #f8eef4; /* Sentimental Pink */
}Other schemes from Spa
- Spa Complementary Color Scheme#CEECE7#ECF7F7#EACED4#D998A0#F6EEED
- Spa Analogous Color Scheme#D1EDCD#D0EED7#CEECE7#D0E3ED#CCD4EC
- Spa Triadic Color Scheme#CEECE7#E7CFE8#ECE6D0#ECF7F7#CC99DD
- Spa Tetradic Color Scheme#CEECE7#DACEE8#EACED4#E1ECD1#ECF7F7
- Spa Monochromatic Color Scheme#6EC2B0#9CD4CF#CEECE7#ECF7F7#ECF7F7
More very light teal split-complementary color schemes
- Airy Split-complementary Color Scheme#DAE6E9#E9DBDF#EAE4DA#A9C6CB#F5F0F1
- Alpine Expedition Split-complementary Color Scheme#99EEFF#FF9BB7#FFDD99#45E9FD#FFE5ED
- Antiguan Split-complementary Color Scheme#BDDFD8#DCBFD5#DFC7BC#8AC5BA#F8EEF4
- Bare Mintimum Split-complementary Color Scheme#D6E3E7#E8D8DA#E7E3D6#A6C4CA#F5F0F1
- Blister Pearl Split-complementary Color Scheme#AAFFEE#FFAAEE#FFC4AE#55FFCC#FFE3F4
- Bone-Chilling Split-complementary Color Scheme#E1F2F0#F3E0EB#F3E8E1#AEDDD3#F8EEF4
- Break the Ice Split-complementary Color Scheme#B2E1EE#EDB2C4#F1DAB2#75C7E0#F8EAED
- Bubbles Split-complementary Color Scheme#E7FEFF#FFE6F1#FFF2E4#9CFAFF#FFE6F1
- Calm Waters Split-complementary Color Scheme#E7FAFA#F9E7F4#F9F2E7#AFEEEE#FCEBF4
- Castle in the Sky Split-complementary Color Scheme#D1EAED#EBD0DB#EDE1D1#98D2D9#F7EFEF
- Cold Canada Split-complementary Color Scheme#DBFFFE#FFDDEE#FFEBDA#88FFFF#FFE6F1
- Cold Omen Split-complementary Color Scheme#D6EAE8#EAD3E0#EBDED7#A5D0CB#F8EEF4
Questions
What colors go with Spa?
In a split-complementary scheme: Sweet Dreams (#ECCEE5), Gobi Beige (#EBDACE), Fountain City (#9CD4CF), Sentimental Pink (#F8EEF4).
What is the hex code of Spa?
#CEECE7.