Dark Cyan Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Dark Cyan (#008B8B), each snapped to its nearest named color.
#008B8B
#880044
#884400
#003839
#D90166
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Dark Cyan | #008B8B | 0, 139, 139 | 180°, 100%, 27% | 100, 0, 0, 45 | |
| Midnight Merlot | #880044 | 136, 0, 68 | 330°, 100%, 27% | 0, 100, 50, 47 | |
| Chocolate Pancakes | #884400 | 136, 68, 0 | 30°, 100%, 27% | 0, 50, 100, 47 | |
| Customs Green | #003839 | 0, 56, 57 | 181°, 100%, 11% | 100, 2, 0, 78 | |
| Tête-à-Tête | #D90166 | 217, 1, 102 | 332°, 99%, 43% | 0, 100, 53, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #008B8B on #003839 | 3.12:1 | AA large |
| Aa #003839 on #D90166 | 2.55:1 | — |
| Aa #008B8B on #880044 | 2.38:1 | — |
| Aa #880044 on #D90166 | 1.95:1 | — |
| Aa #884400 on #003839 | 1.77:1 | — |
| Aa #008B8B on #884400 | 1.76:1 | — |
CSS variables
:root {
--color-1: #008b8b; /* Dark Cyan */
--color-2: #880044; /* Midnight Merlot */
--color-3: #884400; /* Chocolate Pancakes */
--color-4: #003839; /* Customs Green */
--color-5: #d90166; /* Tête-à-Tête */
}Other schemes from Dark Cyan
- Dark Cyan Complementary Color Scheme#008B8B#00EEEE#8B0000#3E0007#F00000
- Dark Cyan Analogous Color Scheme#008800#008F48#008B8B#004488#00008B
- Dark Cyan Triadic Color Scheme#008B8B#8B008B#929000#01F1F1#36013F
- Dark Cyan Tetradic Color Scheme#008B8B#4B0183#8B0000#448800#01F1F1
- Dark Cyan Monochromatic Color Scheme#0E191C#003839#008B8B#00CED1#22FFFF
More Dark Teal split-complementary palettes
- 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 Dark Cyan?
In a split-complementary scheme: Midnight Merlot (#880044), Chocolate Pancakes (#884400), Customs Green (#003839), Tête-à-Tête (#D90166).
What is the hex code of Dark Cyan?
#008B8B.