Opulent Turquoise Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Opulent Turquoise (#88DDCC), each snapped to its nearest named color.
#88DDCC
#DA93C1
#D8A686
#58CEB2
#F2C2E1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Opulent Turquoise | #88DDCC | 136, 221, 204 | 168°, 56%, 70% | 38, 0, 8, 13 | |
| Firm Pink | #DA93C1 | 218, 147, 193 | 321°, 49%, 72% | 0, 33, 11, 15 | |
| Clay Fire | #D8A686 | 216, 166, 134 | 23°, 51%, 69% | 0, 23, 38, 15 | |
| Simply Aqua | #58CEB2 | 88, 206, 178 | 166°, 55%, 58% | 57, 0, 14, 19 | |
| Rosy Nectar | #F2C2E1 | 242, 194, 225 | 321°, 65%, 85% | 0, 20, 7, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DA93C1 on #F2C2E1 | 1.52:1 | — |
| Aa #88DDCC on #DA93C1 | 1.49:1 | — |
| Aa #D8A686 on #F2C2E1 | 1.40:1 | — |
| Aa #88DDCC on #D8A686 | 1.36:1 | — |
| Aa #58CEB2 on #F2C2E1 | 1.25:1 | — |
| Aa #DA93C1 on #58CEB2 | 1.22:1 | — |
CSS variables
:root {
--color-1: #88ddcc; /* Opulent Turquoise */
--color-2: #da93c1; /* Firm Pink */
--color-3: #d8a686; /* Clay Fire */
--color-4: #58ceb2; /* Simply Aqua */
--color-5: #f2c2e1; /* Rosy Nectar */
}Other schemes from Opulent Turquoise
- Opulent Turquoise Complementary Color Scheme#88DDCC#D2F3EB#DD8899#CA4B65#F4D7DC
- Opulent Turquoise Analogous Color Scheme#98D98E#8CD9A1#88DDCC#86C4DA#8B98D8
- Opulent Turquoise Triadic Color Scheme#88DDCC#CC88DD#DDCC88#D8F2EE#BB44CC
- Opulent Turquoise Tetradic Color Scheme#88DDCC#AA8ED6#DD8899#C7DE88#D8F2EE
- Opulent Turquoise Monochromatic Color Scheme#339A8D#58CEB2#88DDCC#C2F0E6#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 Opulent Turquoise?
In a split-complementary scheme: Firm Pink (#DA93C1), Clay Fire (#D8A686), Simply Aqua (#58CEB2), Rosy Nectar (#F2C2E1).
What is the hex code of Opulent Turquoise?
#88DDCC.