Wave Splash Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Wave Splash (#CBE4E7), each snapped to its nearest named color.
#CBE4E7
#E8CCD7
#E7DCCC
#95CAD0
#F7EFEF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Wave Splash | #CBE4E7 | 203, 228, 231 | 186°, 37%, 85% | 12, 1, 0, 9 | |
| Queen Pink | #E8CCD7 | 232, 204, 215 | 336°, 38%, 85% | 0, 12, 7, 9 | |
| White Mocha | #E7DCCC | 231, 220, 204 | 36°, 36%, 85% | 0, 5, 12, 9 | |
| Jellyfish Blue | #95CAD0 | 149, 202, 208 | 186°, 39%, 70% | 28, 3, 0, 18 | |
| Vienna Dawn | #F7EFEF | 247, 239, 239 | 0°, 33%, 95% | 0, 3, 3, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #95CAD0 on #F7EFEF | 1.59:1 | — |
| Aa #CBE4E7 on #95CAD0 | 1.36:1 | — |
| Aa #E7DCCC on #95CAD0 | 1.33:1 | — |
| Aa #E8CCD7 on #F7EFEF | 1.32:1 | — |
| Aa #E8CCD7 on #95CAD0 | 1.21:1 | — |
| Aa #E7DCCC on #F7EFEF | 1.20:1 | — |
CSS variables
:root {
--color-1: #cbe4e7; /* Wave Splash */
--color-2: #e8ccd7; /* Queen Pink */
--color-3: #e7dccc; /* White Mocha */
--color-4: #95cad0; /* Jellyfish Blue */
--color-5: #f7efef; /* Vienna Dawn */
}Other schemes from Wave Splash
- Wave Splash Complementary Color Scheme#CBE4E7#ECF7F7#E7CFCA#D09C97#F7EFEF
- Wave Splash Analogous Color Scheme#CDEACD#CDE7DD#CBE4E7#CCD6E6#CFCBE5
- Wave Splash Triadic Color Scheme#CBE4E7#E7CEE3#E4E4CB#ECF7F7#CB99C9
- Wave Splash Tetradic Color Scheme#CBE4E7#DECCE4#E7CFCA#D8E6CB#ECF7F7
- Wave Splash Monochromatic Color Scheme#63ADB9#95CAD0#CBE4E7#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 Wave Splash?
In a split-complementary scheme: Queen Pink (#E8CCD7), White Mocha (#E7DCCC), Jellyfish Blue (#95CAD0), Vienna Dawn (#F7EFEF).
What is the hex code of Wave Splash?
#CBE4E7.