On Cloud Nine Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around On Cloud Nine (#C2E7E8), each snapped to its nearest named color.
#C2E7E8
#EAC3D2
#E7D7C2
#8ACFD6
#F8EEF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| On Cloud Nine | #C2E7E8 | 194, 231, 232 | 182°, 45%, 84% | 16, 0, 0, 9 | |
| Misty Memories | #EAC3D2 | 234, 195, 210 | 337°, 48%, 84% | 0, 17, 10, 8 | |
| Lotus Pod | #E7D7C2 | 231, 215, 194 | 34°, 44%, 83% | 0, 7, 16, 9 | |
| Sky Watch | #8ACFD6 | 138, 207, 214 | 186°, 48%, 69% | 36, 3, 0, 16 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8ACFD6 on #F8EEF4 | 1.55:1 | — |
| Aa #EAC3D2 on #F8EEF4 | 1.40:1 | — |
| Aa #C2E7E8 on #8ACFD6 | 1.33:1 | — |
| Aa #E7D7C2 on #8ACFD6 | 1.24:1 | — |
| Aa #E7D7C2 on #F8EEF4 | 1.24:1 | — |
| Aa #C2E7E8 on #EAC3D2 | 1.20:1 | — |
CSS variables
:root {
--color-1: #c2e7e8; /* On Cloud Nine */
--color-2: #eac3d2; /* Misty Memories */
--color-3: #e7d7c2; /* Lotus Pod */
--color-4: #8acfd6; /* Sky Watch */
--color-5: #f8eef4; /* Sentimental Pink */
}Other schemes from On Cloud Nine
- On Cloud Nine Complementary Color Scheme#C2E7E8#ECF7F7#E8C3C2#D58D8A#F6EEED
- On Cloud Nine Analogous Color Scheme#C0E2C5#C0E8D5#C2E7E8#C3D4E8#C4C0E9
- On Cloud Nine Triadic Color Scheme#C2E7E8#E7C3E7#E6E8C5#ECF7F7#C687D6
- On Cloud Nine Tetradic Color Scheme#C2E7E8#D5C7E8#E8C3C2#D4E7C3#ECF7F7
- On Cloud Nine Monochromatic Color Scheme#5FB6BF#8ACFD6#C2E7E8#ECF7F7#ECF7F7
More Very Light Teal split-complementary palettes
- 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 On Cloud Nine?
In a split-complementary scheme: Misty Memories (#EAC3D2), Lotus Pod (#E7D7C2), Sky Watch (#8ACFD6), Sentimental Pink (#F8EEF4).
What is the hex code of On Cloud Nine?
#C2E7E8.