Sea Glass Teal Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sea Glass Teal (#A0E5D9), each snapped to its nearest named color.
#A0E5D9
#E1A0CF
#E5B6A2
#66D0C0
#F4DAF1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sea Glass Teal | #A0E5D9 | 160, 229, 217 | 170°, 57%, 76% | 30, 0, 5, 10 | |
| Exotic Violet | #E1A0CF | 225, 160, 207 | 317°, 52%, 75% | 0, 29, 8, 12 | |
| Black-Eyed Peach | #E5B6A2 | 229, 182, 162 | 18°, 56%, 77% | 0, 21, 29, 10 | |
| Patina | #66D0C0 | 102, 208, 192 | 171°, 53%, 61% | 51, 0, 8, 18 | |
| Grape Taffy | #F4DAF1 | 244, 218, 241 | 307°, 54%, 91% | 0, 11, 1, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E1A0CF on #F4DAF1 | 1.59:1 | — |
| Aa #A0E5D9 on #E1A0CF | 1.45:1 | — |
| Aa #66D0C0 on #F4DAF1 | 1.42:1 | — |
| Aa #E5B6A2 on #F4DAF1 | 1.40:1 | — |
| Aa #A0E5D9 on #66D0C0 | 1.30:1 | — |
| Aa #A0E5D9 on #E5B6A2 | 1.27:1 | — |
CSS variables
:root {
--color-1: #a0e5d9; /* Sea Glass Teal */
--color-2: #e1a0cf; /* Exotic Violet */
--color-3: #e5b6a2; /* Black-Eyed Peach */
--color-4: #66d0c0; /* Patina */
--color-5: #f4daf1; /* Grape Taffy */
}Other schemes from Sea Glass Teal
- Sea Glass Teal Complementary Color Scheme#A0E5D9#E9F9F5#E5A2AB#CF6275#F8EAED
- Sea Glass Teal Analogous Color Scheme#A8E4A0#A4E3B3#A0E5D9#A1D0E2#ACACE6
- Sea Glass Teal Triadic Color Scheme#A0E5D9#DDAAEE#E3D9A0#E9F9F5#CC66DD
- Sea Glass Teal Tetradic Color Scheme#A0E5D9#ACACE6#E5A2AB#CEE9A0#E9F9F5
- Sea Glass Teal Monochromatic Color Scheme#2FBDA1#66D0C0#A0E5D9#DDF2EE#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
- 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
Questions
What colors go with Sea Glass Teal?
In a split-complementary scheme: Exotic Violet (#E1A0CF), Black-Eyed Peach (#E5B6A2), Patina (#66D0C0), Grape Taffy (#F4DAF1).
What is the hex code of Sea Glass Teal?
#A0E5D9.