Aquatic Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Aquatic (#99C1CC), each snapped to its nearest named color.
#99C1CC
#CC99AA
#CDBE96
#66A4B0
#E4CCD4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Aquatic | #99C1CC | 153, 193, 204 | 193°, 33%, 70% | 25, 5, 0, 20 | |
| Honey Pink | #CC99AA | 204, 153, 170 | 340°, 33%, 70% | 0, 25, 17, 20 | |
| Garden Rain | #CDBE96 | 205, 190, 150 | 44°, 35%, 70% | 0, 7, 27, 20 | |
| Seaside | #66A4B0 | 102, 164, 176 | 190°, 32%, 55% | 42, 7, 0, 31 | |
| Barely Berry | #E4CCD4 | 228, 204, 212 | 340°, 31%, 85% | 0, 11, 7, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #66A4B0 on #E4CCD4 | 1.85:1 | — |
| Aa #CC99AA on #E4CCD4 | 1.60:1 | — |
| Aa #CDBE96 on #66A4B0 | 1.52:1 | — |
| Aa #99C1CC on #66A4B0 | 1.45:1 | — |
| Aa #CC99AA on #CDBE96 | 1.31:1 | — |
| Aa #99C1CC on #E4CCD4 | 1.28:1 | — |
CSS variables
:root {
--color-1: #99c1cc; /* Aquatic */
--color-2: #cc99aa; /* Honey Pink */
--color-3: #cdbe96; /* Garden Rain */
--color-4: #66a4b0; /* Seaside */
--color-5: #e4ccd4; /* Barely Berry */
}Other schemes from Aquatic
- Aquatic Complementary Color Scheme#99C1CC#D6E5EA#CDA59C#B57466#EEE1DC
- Aquatic Analogous Color Scheme#99CEA0#9CCEBE#99C1CC#99A8C9#A495CB
- Aquatic Triadic Color Scheme#99C1CC#CD9BC4#C5CC9F#DDEBED#B768A2
- Aquatic Tetradic Color Scheme#99C1CC#BD97CF#CDA59C#ABCA99#DDEBED
- Aquatic Monochromatic Color Scheme#447788#66A4B0#99C1CC#CBE1E4#F0F4F8
More Light Teal split-complementary palettes
- Aqua Fiesta Split-complementary Color Scheme#96E2E1#E899BE#E0BB96#58CFD4#F2D4E2
- 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
- Clear Water Split-complementary Color Scheme#AAD5DB#DDAABB#D9C7AA#73B7C2#F1E0E8
- Coast to Coast Split-complementary Color Scheme#BDD4D1#D7B9CB#D4C5BA#89BAB2#F4EBEF
Questions
What colors go with Aquatic?
In a split-complementary scheme: Honey Pink (#CC99AA), Garden Rain (#CDBE96), Seaside (#66A4B0), Barely Berry (#E4CCD4).
What is the hex code of Aquatic?
#99C1CC.