Turquoise Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Turquoise (#06C2AC), each snapped to its nearest named color.
#06C2AC
#C20078
#C04E01
#00756A
#FF1CAE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Turquoise | #06C2AC | 6, 194, 172 | 173°, 94%, 39% | 97, 0, 11, 24 | 73.0% 0.131 181 | |
| Purple Anxiety | #C20078 | 194, 0, 120 | 323°, 100%, 38% | 0, 100, 38, 24 | 53.4% 0.221 353 | |
| Crustose Lichen | #C04E01 | 192, 78, 1 | 24°, 99%, 38% | 0, 59, 99, 25 | 56.6% 0.162 45 | |
| Hawk Turquoise | #00756A | 0, 117, 106 | 174°, 100%, 23% | 100, 0, 9, 54 | 50.5% 0.090 184 | |
| Spicy Pink | #FF1CAE | 255, 28, 174 | 321°, 100%, 55% | 0, 89, 32, 0 | 66.7% 0.269 349 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #06C2AC on #C20078 | 2.61:1 | — |
| Aa #06C2AC on #00756A | 2.48:1 | — |
| Aa #06C2AC on #C04E01 | 2.15:1 | — |
| Aa #C20078 on #FF1CAE | 1.69:1 | — |
| Aa #00756A on #FF1CAE | 1.61:1 | — |
| Aa #06C2AC on #FF1CAE | 1.55:1 | — |
CSS variables
:root {
--color-1: #06c2ac; /* Turquoise */
--color-2: #c20078; /* Purple Anxiety */
--color-3: #c04e01; /* Crustose Lichen */
--color-4: #00756a; /* Hawk Turquoise */
--color-5: #ff1cae; /* Spicy Pink */
}Other schemes from Turquoise
- Turquoise Complementary Color Scheme#06C2AC#26F7FD#C4091E#770011#FE314B
- Turquoise Analogous Color Scheme#11CC00#02C14D#06C2AC#057BC1#0011CC
- Turquoise Triadic Color Scheme#06C2AC#A104C3#C4A703#26F7FD#660077
- Turquoise Tetradic Color Scheme#06C2AC#510AC9#C4091E#77CC00#26F7FD
- Turquoise Monochromatic Color Scheme#003527#00756A#06C2AC#00FFDD#66EEEE
More dark teal split-complementary color schemes
- After the Storm Split-complementary Color Scheme#33616A#6D3445#6A5536#1C3339#9F4D65
- Ahoy! Blue Split-complementary Color Scheme#0082A1#AA0033#AB7100#004455#EE0044
- Aqua Obscura Split-complementary Color Scheme#05696B#66033C#6E3A07#002222#A50B5E
- Arctic Nights Split-complementary Color Scheme#345C61#623745#665134#193232#955264
- Baltic Split-complementary Color Scheme#279D9F#9F2B68#9D652B#166461#C84186
- Beau Vert Split-complementary Color Scheme#0C6064#66033C#6E3A07#041723#AA1155
- Bermuda Split-complementary Color Scheme#1B7D8D#871646#97691E#0B474A#CC2266
- Billiard Split-complementary Color Scheme#00AF9F#AA0066#B64701#016459#FF0099
- Bleu Ciel Split-complementary Color Scheme#007BA1#AA0033#A87900#004058#F2013F
- Blue Fjord Split-complementary Color Scheme#007290#900020#886600#003344#DD0044
- Blue Ocean Split-complementary Color Scheme#009DC4#C40233#C68400#04627A#FF1155
- Blue-Collar Split-complementary Color Scheme#005F7A#770022#7A5901#002233#C40233
Questions
What colors go with Turquoise?
In a split-complementary scheme: Purple Anxiety (#C20078), Crustose Lichen (#C04E01), Hawk Turquoise (#00756A), Spicy Pink (#FF1CAE).
What is the hex code of Turquoise?
#06C2AC.