Hobgoblin Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Hobgoblin (#01AD8F), each snapped to its nearest named color.
#01AD8F
#AA0077
#A93400
#00604B
#FF00AA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hobgoblin | #01AD8F | 1, 173, 143 | 170°, 99%, 34% | 99, 0, 17, 32 | |
| Katy Berry | #AA0077 | 170, 0, 119 | 318°, 100%, 33% | 0, 100, 30, 33 | |
| Burnt Sienna | #A93400 | 169, 52, 0 | 18°, 100%, 33% | 0, 69, 100, 34 | |
| Sci-Fi Takeout | #00604B | 0, 96, 75 | 167°, 100%, 19% | 100, 0, 22, 62 | |
| Ms. Pac-Man Kiss | #FF00AA | 255, 0, 170 | 320°, 100%, 50% | 0, 100, 33, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #01AD8F on #00604B | 2.66:1 | — |
| Aa #01AD8F on #AA0077 | 2.48:1 | — |
| Aa #01AD8F on #A93400 | 2.32:1 | — |
| Aa #00604B on #FF00AA | 2.10:1 | — |
| Aa #AA0077 on #FF00AA | 1.96:1 | — |
| Aa #A93400 on #FF00AA | 1.84:1 | — |
CSS variables
:root {
--color-1: #01ad8f; /* Hobgoblin */
--color-2: #aa0077; /* Katy Berry */
--color-3: #a93400; /* Burnt Sienna */
--color-4: #00604b; /* Sci-Fi Takeout */
--color-5: #ff00aa; /* Ms. Pac-Man Kiss */
}Other schemes from Hobgoblin
- Hobgoblin Complementary Color Scheme#01AD8F#00FFCC#B00B1E#660011#FD0F35
- Hobgoblin Analogous Color Scheme#19A700#00AA33#01AD8F#0474AD#0018A8
- Hobgoblin Triadic Color Scheme#01AD8F#8601AF#AB9004#00FFDD#550066
- Hobgoblin Tetradic Color Scheme#01AD8F#3300AA#B00B1E#78AC01#00FFDD
- Hobgoblin Monochromatic Color Scheme#0E191C#00604B#01AD8F#00FFCC#4EFFCD
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 Hobgoblin?
In a split-complementary scheme: Katy Berry (#AA0077), Burnt Sienna (#A93400), Sci-Fi Takeout (#00604B), Ms. Pac-Man Kiss (#FF00AA).
What is the hex code of Hobgoblin?
#01AD8F.