Teal Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Teal (#008080), each snapped to its nearest named color.
#008080
#880044
#884400
#003333
#CC0066
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Teal | #008080 | 0, 128, 128 | 180°, 100%, 25% | 100, 0, 0, 50 | |
| 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 | |
| Nora’s Forest | #003333 | 0, 51, 51 | 180°, 100%, 10% | 100, 0, 0, 80 | |
| Vampiric Bloodlust | #CC0066 | 204, 0, 102 | 330°, 100%, 40% | 0, 100, 50, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #008080 on #003333 | 2.89:1 | — |
| Aa #003333 on #CC0066 | 2.47:1 | — |
| Aa #008080 on #880044 | 2.07:1 | — |
| Aa #884400 on #003333 | 1.89:1 | — |
| Aa #880044 on #CC0066 | 1.76:1 | — |
| Aa #008080 on #884400 | 1.53:1 | — |
CSS variables
:root {
--color-1: #008080; /* Teal */
--color-2: #880044; /* Midnight Merlot */
--color-3: #884400; /* Chocolate Pancakes */
--color-4: #003333; /* Nora’s Forest */
--color-5: #cc0066; /* Vampiric Bloodlust */
}Other schemes from Teal
- Teal Complementary Color Scheme#008080#11DDDD#800000#330000#E60000
- Teal Analogous Color Scheme#008000#048243#008080#014182#000080
- Teal Triadic Color Scheme#008080#800080#808101#00EEEE#330033
- Teal Tetradic Color Scheme#008080#4B0082#800000#448800#00EEEE
- Teal Monochromatic Color Scheme#0E191C#003333#008080#00CCCC#11FFFF
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 Teal?
In a split-complementary scheme: Midnight Merlot (#880044), Chocolate Pancakes (#884400), Nora’s Forest (#003333), Vampiric Bloodlust (#CC0066).
What is the hex code of Teal?
#008080.