Hydro Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Hydro (#49747F), each snapped to its nearest named color.
#49747F
#7A4B56
#7D6C4A
#2F484E
#A66E7A
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hydro | #49747F | 73, 116, 127 | 192°, 27%, 39% | 43, 9, 0, 50 | |
| Nocturne Red | #7A4B56 | 122, 75, 86 | 346°, 24%, 39% | 0, 39, 30, 52 | |
| Juicy Fig | #7D6C4A | 125, 108, 74 | 40°, 26%, 39% | 0, 14, 41, 51 | |
| Dad’s Coupe | #2F484E | 47, 72, 78 | 192°, 25%, 25% | 40, 8, 0, 69 | |
| Black Elder | #A66E7A | 166, 110, 122 | 347°, 24%, 54% | 0, 34, 27, 35 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2F484E on #A66E7A | 2.38:1 | — |
| Aa #7D6C4A on #2F484E | 1.91:1 | — |
| Aa #49747F on #2F484E | 1.89:1 | — |
| Aa #7A4B56 on #A66E7A | 1.73:1 | — |
| Aa #7A4B56 on #7D6C4A | 1.39:1 | — |
| Aa #49747F on #7A4B56 | 1.38:1 | — |
CSS variables
:root {
--color-1: #49747f; /* Hydro */
--color-2: #7a4b56; /* Nocturne Red */
--color-3: #7d6c4a; /* Juicy Fig */
--color-4: #2f484e; /* Dad’s Coupe */
--color-5: #a66e7a; /* Black Elder */
}Other schemes from Hydro
- Hydro Complementary Color Scheme#49747F#77A2AD#7B5349#4D332A#B6857A
- Hydro Analogous Color Scheme#407A52#497F73#49747F#465A7F#57487F
- Hydro Triadic Color Scheme#49747F#7F4774#767A49#78A6B5#532D45
- Hydro Tetradic Color Scheme#49747F#724C7B#7B5349#5C7D47#78A6B5
- Hydro Monochromatic Color Scheme#0E191C#2F484E#49747F#6C9DA9#9CBCC6
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 Hydro?
In a split-complementary scheme: Nocturne Red (#7A4B56), Juicy Fig (#7D6C4A), Dad’s Coupe (#2F484E), Black Elder (#A66E7A).
What is the hex code of Hydro?
#49747F.