Teal With It Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Teal With It (#01697A), each snapped to its nearest named color.
#01697A
#7B002C
#7F4C00
#012731
#CA0147
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Teal With It | #01697A | 1, 105, 122 | 188°, 98%, 24% | 99, 14, 0, 52 | |
| Bordeaux | #7B002C | 123, 0, 44 | 339°, 100%, 24% | 0, 100, 64, 52 | |
| Gédéon Brown | #7F4C00 | 127, 76, 0 | 36°, 100%, 25% | 0, 40, 100, 50 | |
| Daintree | #012731 | 1, 39, 49 | 192°, 96%, 10% | 98, 20, 0, 81 | |
| Ruby | #CA0147 | 202, 1, 71 | 339°, 99%, 40% | 0, 100, 65, 21 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #012731 on #CA0147 | 2.70:1 | — |
| Aa #01697A on #012731 | 2.47:1 | — |
| Aa #7F4C00 on #012731 | 2.20:1 | — |
| Aa #7B002C on #CA0147 | 1.92:1 | — |
| Aa #01697A on #7B002C | 1.76:1 | — |
| Aa #7B002C on #7F4C00 | 1.56:1 | — |
CSS variables
:root {
--color-1: #01697a; /* Teal With It */
--color-2: #7b002c; /* Bordeaux */
--color-3: #7f4c00; /* Gédéon Brown */
--color-4: #012731; /* Daintree */
--color-5: #ca0147; /* Ruby */
}Other schemes from Teal With It
- Teal With It Complementary Color Scheme#01697A#00BBDD#771100#2E0303#DD2200
- Teal With It Analogous Color Scheme#007711#007755#01697A#062A78#110077
- Teal With It Triadic Color Scheme#01697A#7D0061#667700#00C5CD#2E0329
- Teal With It Tetradic Color Scheme#01697A#49017E#771100#337700#00C5CD
- Teal With It Monochromatic Color Scheme#0E191C#012731#01697A#00AAC1#11DDEE
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 With It?
In a split-complementary scheme: Bordeaux (#7B002C), Gédéon Brown (#7F4C00), Daintree (#012731), Ruby (#CA0147).
What is the hex code of Teal With It?
#01697A.