Hidden Sea Glass Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Hidden Sea Glass (#6FD1C9), each snapped to its nearest named color.
#6FD1C9
#CE6BA6
#D39A72
#37B8AF
#E3ABCE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hidden Sea Glass | #6FD1C9 | 111, 209, 201 | 175°, 52%, 63% | 47, 0, 4, 18 | |
| Super Pink | #CE6BA6 | 206, 107, 166 | 324°, 50%, 61% | 0, 48, 19, 19 | |
| Rustic Adobe | #D39A72 | 211, 154, 114 | 25°, 52%, 64% | 0, 27, 46, 17 | |
| Message Green | #37B8AF | 55, 184, 175 | 176°, 54%, 47% | 70, 0, 5, 28 | |
| Pink Bliss | #E3ABCE | 227, 171, 206 | 323°, 50%, 78% | 0, 25, 9, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6FD1C9 on #CE6BA6 | 1.85:1 | — |
| Aa #CE6BA6 on #E3ABCE | 1.75:1 | — |
| Aa #CE6BA6 on #37B8AF | 1.38:1 | — |
| Aa #CE6BA6 on #D39A72 | 1.38:1 | — |
| Aa #6FD1C9 on #D39A72 | 1.35:1 | — |
| Aa #6FD1C9 on #37B8AF | 1.35:1 | — |
CSS variables
:root {
--color-1: #6fd1c9; /* Hidden Sea Glass */
--color-2: #ce6ba6; /* Super Pink */
--color-3: #d39a72; /* Rustic Adobe */
--color-4: #37b8af; /* Message Green */
--color-5: #e3abce; /* Pink Bliss */
}Other schemes from Hidden Sea Glass
- Hidden Sea Glass Complementary Color Scheme#6FD1C9#B8E9E4#D16D76#B53D45#EABCC0
- Hidden Sea Glass Analogous Color Scheme#7CCA6B#77CC99#6FD1C9#72A8D1#7777CC
- Hidden Sea Glass Triadic Color Scheme#6FD1C9#D473D4#CAC76D#BDE9E5#B13AAD
- Hidden Sea Glass Tetradic Color Scheme#6FD1C9#966FD6#D16D76#A9D171#BDE9E5
- Hidden Sea Glass Monochromatic Color Scheme#2C7C79#37B8AF#6FD1C9#ABE3DE#E2F7F1
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 Hidden Sea Glass?
In a split-complementary scheme: Super Pink (#CE6BA6), Rustic Adobe (#D39A72), Message Green (#37B8AF), Pink Bliss (#E3ABCE).
What is the hex code of Hidden Sea Glass?
#6FD1C9.