Blue-Collar Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Blue-Collar (#005F7A), each snapped to its nearest named color.
#005F7A
#770022
#7A5901
#002233
#C40233
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Blue-Collar | #005F7A | 0, 95, 122 | 193°, 100%, 24% | 100, 22, 0, 52 | |
| Evil Forces | #770022 | 119, 0, 34 | 343°, 100%, 23% | 0, 100, 71, 53 | |
| Blackfire Earth | #7A5901 | 122, 89, 1 | 44°, 98%, 24% | 0, 27, 99, 52 | |
| Midnight Dreams | #002233 | 0, 34, 51 | 200°, 100%, 10% | 100, 33, 0, 80 | |
| Vampire Bite | #C40233 | 196, 2, 51 | 345°, 98%, 39% | 0, 99, 74, 23 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #002233 on #C40233 | 2.67:1 | — |
| Aa #7A5901 on #002233 | 2.55:1 | — |
| Aa #005F7A on #002233 | 2.29:1 | — |
| Aa #770022 on #C40233 | 1.88:1 | — |
| Aa #770022 on #7A5901 | 1.80:1 | — |
| Aa #005F7A on #770022 | 1.61:1 | — |
CSS variables
:root {
--color-1: #005f7a; /* Blue-Collar */
--color-2: #770022; /* Evil Forces */
--color-3: #7a5901; /* Blackfire Earth */
--color-4: #002233; /* Midnight Dreams */
--color-5: #c40233; /* Vampire Bite */
}Other schemes from Blue-Collar
- Blue-Collar Complementary Color Scheme#005F7A#00A9DA#7C1C05#290E05#EC2D01
- Blue-Collar Analogous Color Scheme#007F1F#007958#005F7A#002277#110077
- Blue-Collar Triadic Color Scheme#005F7A#720058#447700#00B3E1#330022
- Blue-Collar Tetradic Color Scheme#005F7A#49017E#7C1C05#227700#00B3E1
- Blue-Collar Monochromatic Color Scheme#0E191C#002233#005F7A#0099C9#04CDFF
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
- Celestial Split-complementary Color Scheme#007894#990033#996600#003447#E40046
Questions
What colors go with Blue-Collar?
In a split-complementary scheme: Evil Forces (#770022), Blackfire Earth (#7A5901), Midnight Dreams (#002233), Vampire Bite (#C40233).
What is the hex code of Blue-Collar?
#005F7A.