Cerulean Skies Complementary Color Scheme
Five colors arranged by the complementary rule around Cerulean Skies (#8CC6CB), each snapped to its nearest named color.
#8CC6CB
#CCE5E8
#CE8E8B
#B05D59
#ECD4D2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cerulean Skies | #8CC6CB | 140, 198, 203 | 185°, 38%, 67% | 31, 2, 0, 20 | |
| Ivalo River | #CCE5E8 | 204, 229, 232 | 186°, 38%, 85% | 12, 1, 0, 9 | |
| Rosette | #CE8E8B | 206, 142, 139 | 3°, 41%, 68% | 0, 31, 33, 19 | |
| Pottery Red | #B05D59 | 176, 93, 89 | 3°, 36%, 52% | 0, 47, 49, 31 | |
| Shangri La | #ECD4D2 | 236, 212, 210 | 5°, 41%, 87% | 0, 10, 11, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CCE5E8 on #B05D59 | 3.50:1 | AA large |
| Aa #B05D59 on #ECD4D2 | 3.27:1 | AA large |
| Aa #8CC6CB on #B05D59 | 2.43:1 | — |
| Aa #CCE5E8 on #CE8E8B | 2.03:1 | — |
| Aa #CE8E8B on #ECD4D2 | 1.90:1 | — |
| Aa #CE8E8B on #B05D59 | 1.73:1 | — |
CSS variables
:root {
--color-1: #8cc6cb; /* Cerulean Skies */
--color-2: #cce5e8; /* Ivalo River */
--color-3: #ce8e8b; /* Rosette */
--color-4: #b05d59; /* Pottery Red */
--color-5: #ecd4d2; /* Shangri La */
}Other schemes from Cerulean Skies
- Cerulean Skies Analogous Color Scheme#86C994#8FCDB0#8CC6CB#8AA7CC#8D8DC9
- Cerulean Skies Triadic Color Scheme#8CC6CB#C290C5#C8CB8E#D3E9EC#AE58AB
- Cerulean Skies Split-complementary Color Scheme#8CC6CB#C88CA4#CBB08C#52A8B2#E2C3CF
- Cerulean Skies Tetradic Color Scheme#8CC6CB#B090C7#CE8E8B#ABC88C#D3E9EC
- Cerulean Skies Monochromatic Color Scheme#397C80#52A8B2#8CC6CB#C2E0E3#ECF7F7
More Light Teal complementary palettes
- Aqua Fiesta Complementary Color Scheme#96E2E1#D7F5F6#E3969B#CD5C5C#F7E5E6
- Aquatic Complementary Color Scheme#99C1CC#D6E5EA#CDA59C#B57466#EEE1DC
- Aquatic Edge Complementary Color Scheme#BFD6D1#F0F4F2#D5BCC2#BD9095#F5F0F1
- Bambino Complementary Color Scheme#8EDACC#D3F2ED#D68F9F#C5556D#F4DBDC
- Bath Water Complementary Color Scheme#88EEEE#D7F5F6#EE8888#E34244#FBE3E3
- Beach Glass Complementary Color Scheme#96DFCE#DDF2EE#DD98A6#CF5A70#F9E4E9
- Bevelled Glass Complementary Color Scheme#7ACCB8#BCE6DE#CC7A8B#B14566#E9C4CC
- Blizzard Blue Complementary Color Scheme#A3E3ED#E7FAFA#EBADA5#E17861#F9ECEA
- Blue Eye Samurai Complementary Color Scheme#75AEBD#B5D1DB#BE8774#9B5B4F#DDC2BA
- Catch the Wave Complementary Color Scheme#B5DCD8#ECF7F7#DBB7BA#C88088#F7EFEF
- Clear Water Complementary Color Scheme#AAD5DB#EBF6F7#D9B1AA#C27A74#F6EEED
- Coast to Coast Complementary Color Scheme#BDD4D1#F0F4F2#D7BDBE#BC8A90#F5F0F1
Questions
What colors go with Cerulean Skies?
In a complementary scheme: Ivalo River (#CCE5E8), Rosette (#CE8E8B), Pottery Red (#B05D59), Shangri La (#ECD4D2).
What is the hex code of Cerulean Skies?
#8CC6CB.