Elite Teal Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Elite Teal (#133337), each snapped to its nearest named color.
#133337
#3C1421
#37290E
#0F1519
#752745
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Elite Teal | #133337 | 19, 51, 55 | 187°, 49%, 15% | 65, 7, 0, 78 | |
| Chocolate Kiss | #3C1421 | 60, 20, 33 | 341°, 50%, 16% | 0, 67, 45, 76 | |
| Brown Tumbleweed | #37290E | 55, 41, 14 | 40°, 59%, 14% | 0, 25, 75, 78 | |
| Black Is Back | #0F1519 | 15, 21, 25 | 204°, 25%, 8% | 40, 16, 0, 90 | |
| Palace Red | #752745 | 117, 39, 69 | 337°, 50%, 31% | 0, 67, 41, 54 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0F1519 on #752745 | 1.87:1 | — |
| Aa #3C1421 on #752745 | 1.62:1 | — |
| Aa #37290E on #752745 | 1.44:1 | — |
| Aa #133337 on #752745 | 1.37:1 | — |
| Aa #133337 on #0F1519 | 1.36:1 | — |
| Aa #37290E on #0F1519 | 1.30:1 | — |
CSS variables
:root {
--color-1: #133337; /* Elite Teal */
--color-2: #3c1421; /* Chocolate Kiss */
--color-3: #37290e; /* Brown Tumbleweed */
--color-4: #0f1519; /* Black Is Back */
--color-5: #752745; /* Palace Red */
}Other schemes from Elite Teal
- Elite Teal Complementary Color Scheme#133337#2A7279#341515#130A06#87382F
- Elite Teal Analogous Color Scheme#113311#123328#133337#112233#151632
- Elite Teal Triadic Color Scheme#133337#331233#333311#327A88#180614
- Elite Teal Tetradic Color Scheme#133337#221133#341515#223311#327A88
- Elite Teal Monochromatic Color Scheme#0F1519#0F1519#133337#2A6671#3F9DA9
More Very Dark Teal split-complementary palettes
- Abyssal Waters Split-complementary Color Scheme#005765#640125#664400#0E191C#B40441
- Black Box Split-complementary Color Scheme#0F282F#2F1212#332211#0C121B#6E2233
- Black Stallion Split-complementary Color Scheme#0E191C#1A1110#1B1811#0F1012#532934
- Botanical Night Split-complementary Color Scheme#12403C#43182F#442211#0F1519#7E2056
- Cape Verde Split-complementary Color Scheme#01554F#4C022F#552200#0E191C#A0025C
- Cold and Dark Split-complementary Color Scheme#154250#4C1C24#444411#0C121B#902A40
- Mosque Split-complementary Color Scheme#005F5B#5C0536#553300#0E191C#AA0055
- Raging Thunderstorm Split-complementary Color Scheme#004F63#680018#664400#0E191C#AC0132
- Rich Black Split-complementary Color Scheme#004040#420420#442200#0E191C#880044
- Royal Neptune Split-complementary Color Scheme#1C3B42#43182F#452C1F#0C121B#773344
- Sunken Harbour Split-complementary Color Scheme#1C3D44#43182F#4E3E1F#0C121B#7A2E4D
- Sunken Ship Split-complementary Color Scheme#10252A#2F1212#302010#0C121B#602234
Questions
What colors go with Elite Teal?
In a split-complementary scheme: Chocolate Kiss (#3C1421), Brown Tumbleweed (#37290E), Black Is Back (#0F1519), Palace Red (#752745).
What is the hex code of Elite Teal?
#133337.