Beach Glass Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Beach Glass (#96DFCE), each snapped to its nearest named color.
#96DFCE
#DE9BC4
#DDA896
#58CEB2
#EECEE6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Beach Glass | #96DFCE | 150, 223, 206 | 166°, 53%, 73% | 33, 0, 8, 13 | |
| Lilac Chiffon | #DE9BC4 | 222, 155, 196 | 323°, 50%, 74% | 0, 30, 12, 13 | |
| Cedarville | #DDA896 | 221, 168, 150 | 15°, 51%, 73% | 0, 24, 32, 13 | |
| Simply Aqua | #58CEB2 | 88, 206, 178 | 166°, 55%, 58% | 57, 0, 14, 19 | |
| Poodle Pink | #EECEE6 | 238, 206, 230 | 315°, 48%, 87% | 0, 13, 3, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DE9BC4 on #EECEE6 | 1.52:1 | — |
| Aa #DDA896 on #EECEE6 | 1.44:1 | — |
| Aa #96DFCE on #DE9BC4 | 1.43:1 | — |
| Aa #96DFCE on #DDA896 | 1.36:1 | — |
| Aa #58CEB2 on #EECEE6 | 1.34:1 | — |
| Aa #96DFCE on #58CEB2 | 1.26:1 | — |
CSS variables
:root {
--color-1: #96dfce; /* Beach Glass */
--color-2: #de9bc4; /* Lilac Chiffon */
--color-3: #dda896; /* Cedarville */
--color-4: #58ceb2; /* Simply Aqua */
--color-5: #eecee6; /* Poodle Pink */
}Other schemes from Beach Glass
- Beach Glass Complementary Color Scheme#96DFCE#DDF2EE#DD98A6#CF5A70#F9E4E9
- Beach Glass Analogous Color Scheme#ABDF8F#99DEAD#96DFCE#8FCBDC#97A3DA
- Beach Glass Triadic Color Scheme#96DFCE#CC99DD#DECE96#E2F7F1#BB55CC
- Beach Glass Tetradic Color Scheme#96DFCE#B19CD9#DD98A6#CCDE95#E2F7F1
- Beach Glass Monochromatic Color Scheme#39A78E#58CEB2#96DFCE#D1EFE9#E9F9F5
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
- 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 Beach Glass?
In a split-complementary scheme: Lilac Chiffon (#DE9BC4), Cedarville (#DDA896), Simply Aqua (#58CEB2), Poodle Pink (#EECEE6).
What is the hex code of Beach Glass?
#96DFCE.