Clear Water Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Clear Water (#AAD5DB), each snapped to its nearest named color.
#AAD5DB
#DDAABB
#D9C7AA
#73B7C2
#F1E0E8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Clear Water | #AAD5DB | 170, 213, 219 | 187°, 40%, 76% | 22, 3, 0, 14 | |
| Apple Infusion | #DDAABB | 221, 170, 187 | 340°, 43%, 77% | 0, 23, 15, 13 | |
| New Khaki | #D9C7AA | 217, 199, 170 | 37°, 38%, 76% | 0, 8, 22, 15 | |
| Tropez Blue | #73B7C2 | 115, 183, 194 | 188°, 39%, 61% | 41, 6, 0, 24 | |
| Pink Proposal | #F1E0E8 | 241, 224, 232 | 332°, 38%, 91% | 0, 7, 4, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #73B7C2 on #F1E0E8 | 1.79:1 | — |
| Aa #DDAABB on #F1E0E8 | 1.57:1 | — |
| Aa #AAD5DB on #73B7C2 | 1.43:1 | — |
| Aa #D9C7AA on #73B7C2 | 1.37:1 | — |
| Aa #D9C7AA on #F1E0E8 | 1.30:1 | — |
| Aa #AAD5DB on #DDAABB | 1.26:1 | — |
CSS variables
:root {
--color-1: #aad5db; /* Clear Water */
--color-2: #ddaabb; /* Apple Infusion */
--color-3: #d9c7aa; /* New Khaki */
--color-4: #73b7c2; /* Tropez Blue */
--color-5: #f1e0e8; /* Pink Proposal */
}Other schemes from Clear Water
- Clear Water Complementary Color Scheme#AAD5DB#EBF6F7#D9B1AA#C27A74#F6EEED
- Clear Water Analogous Color Scheme#ACDDAF#ACD7C8#AAD5DB#A8BEDD#B6ADD8
- Clear Water Triadic Color Scheme#AAD5DB#DAAFD1#D5DCA9#ECF7F7#CD7DB5
- Clear Water Tetradic Color Scheme#AAD5DB#CAADD8#D9B1AA#B8DCA7#ECF7F7
- Clear Water Monochromatic Color Scheme#469BA7#73B7C2#AAD5DB#E2EFF2#ECF7F7
More Light Teal split-complementary palettes
- Aqua Fiesta Split-complementary Color Scheme#96E2E1#E899BE#E0BB96#58CFD4#F2D4E2
- Aquatic Split-complementary Color Scheme#99C1CC#CC99AA#CDBE96#66A4B0#E4CCD4
- Aquatic Edge Split-complementary Color Scheme#BFD6D1#D9BFCE#DAC5BD#89BAB2#F5F0F1
- Bambino Split-complementary Color Scheme#8EDACC#DA93C1#D8A48F#58C8B6#EFC6E1
- Bath Water Split-complementary Color Scheme#88EEEE#FF88BB#EEBB88#45E9FD#F5CEE6
- Beach Glass Split-complementary Color Scheme#96DFCE#DE9BC4#DDA896#58CEB2#EECEE6
- Bevelled Glass Split-complementary Color Scheme#7ACCB8#CD7DB5#CB8F7B#42B395#E4ADD3
- Blizzard Blue Split-complementary Color Scheme#A3E3ED#F0A3BC#EDD2A3#6CDAE7#FAE2ED
- Blue Eye Samurai Split-complementary Color Scheme#75AEBD#BB7788#BEA775#49889A#D8AAB7
- Catch the Wave Split-complementary Color Scheme#B5DCD8#DAB6CD#DAC5B6#89C1BA#F4EAF0
- Cerulean Skies Split-complementary Color Scheme#8CC6CB#C88CA4#CBB08C#52A8B2#E2C3CF
- Coast to Coast Split-complementary Color Scheme#BDD4D1#D7B9CB#D4C5BA#89BAB2#F4EBEF
Questions
What colors go with Clear Water?
In a split-complementary scheme: Apple Infusion (#DDAABB), New Khaki (#D9C7AA), Tropez Blue (#73B7C2), Pink Proposal (#F1E0E8).
What is the hex code of Clear Water?
#AAD5DB.