Wave Splash Complementary Color Scheme
Five colors arranged by the complementary rule around Wave Splash (#CBE4E7), each snapped to its nearest named color.
#CBE4E7
#ECF7F7
#E7CFCA
#D09C97
#F7EFEF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Wave Splash | #CBE4E7 | 203, 228, 231 | 186°, 37%, 85% | 12, 1, 0, 9 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 | |
| Soft Ice Rose | #E7CFCA | 231, 207, 202 | 10°, 38%, 85% | 0, 10, 13, 9 | |
| Dull Apricot | #D09C97 | 208, 156, 151 | 5°, 38%, 70% | 0, 25, 27, 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 #ECF7F7 on #D09C97 | 2.16:1 | — |
| Aa #D09C97 on #F7EFEF | 2.09:1 | — |
| Aa #CBE4E7 on #D09C97 | 1.78:1 | — |
| Aa #E7CFCA on #D09C97 | 1.60:1 | — |
| Aa #ECF7F7 on #E7CFCA | 1.36:1 | — |
| Aa #E7CFCA on #F7EFEF | 1.31:1 | — |
CSS variables
:root {
--color-1: #cbe4e7; /* Wave Splash */
--color-2: #ecf7f7; /* Aijiro White */
--color-3: #e7cfca; /* Soft Ice Rose */
--color-4: #d09c97; /* Dull Apricot */
--color-5: #f7efef; /* Vienna Dawn */
}Other schemes from Wave Splash
- Wave Splash Analogous Color Scheme#CDEACD#CDE7DD#CBE4E7#CCD6E6#CFCBE5
- Wave Splash Triadic Color Scheme#CBE4E7#E7CEE3#E4E4CB#ECF7F7#CB99C9
- Wave Splash Split-complementary Color Scheme#CBE4E7#E8CCD7#E7DCCC#95CAD0#F7EFEF
- Wave Splash Tetradic Color Scheme#CBE4E7#DECCE4#E7CFCA#D8E6CB#ECF7F7
- Wave Splash Monochromatic Color Scheme#63ADB9#95CAD0#CBE4E7#ECF7F7#ECF7F7
More Very Light Teal complementary palettes
- Airy Complementary Color Scheme#DAE6E9#F1F3F3#E8DEDA#CDB1AB#F4EFEE
- Alpine Expedition Complementary Color Scheme#99EEFF#E7FEFF#FFAA99#FF6C51#FDEAE6
- Antiguan Complementary Color Scheme#BDDFD8#ECF7F7#DCBDC8#C78B95#F7EFEF
- Bare Mintimum Complementary Color Scheme#D6E3E7#F0F4F8#E6DAD6#CDAEA5#F7EFEF
- Blister Pearl Complementary Color Scheme#AAFFEE#E7FEFF#FFAABB#FD5B78#FFE6EC
- Bone-Chilling Complementary Color Scheme#E1F2F0#ECF7F7#F0E2E4#DDADAF#F6EEED
- Break the Ice Complementary Color Scheme#B2E1EE#EEF7FA#F1BFB1#E08771#FAEFE9
- Bubbles Complementary Color Scheme#E7FEFF#E7FEFF#FFE8E5#FF9999#FFE8E5
- Calm Waters Complementary Color Scheme#E7FAFA#EBFCFC#FBE7E6#F1AAA8#F9EAEA
- Castle in the Sky Complementary Color Scheme#D1EAED#ECF7F7#ECD4D2#DBA39A#F6EEED
- Cold Canada Complementary Color Scheme#DBFFFE#E7FEFF#FFDADC#FC9293#FFE6E7
- Cold Omen Complementary Color Scheme#D6EAE8#ECF7F7#ECD5D9#D1A5A6#F7EFEF
Questions
What colors go with Wave Splash?
In a complementary scheme: Aijiro White (#ECF7F7), Soft Ice Rose (#E7CFCA), Dull Apricot (#D09C97), Vienna Dawn (#F7EFEF).
What is the hex code of Wave Splash?
#CBE4E7.