Mysterious Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mysterious Blue (#3E7A85), each snapped to its nearest named color.
#3E7A85
#843F5B
#886A3F
#29494E
#AD5B78
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mysterious Blue | #3E7A85 | 62, 122, 133 | 189°, 36%, 38% | 53, 8, 0, 48 | |
| Ancient Royal Banner | #843F5B | 132, 63, 91 | 336°, 35%, 38% | 0, 52, 31, 48 | |
| Shaker Peg | #886A3F | 136, 106, 63 | 35°, 37%, 39% | 0, 22, 54, 47 | |
| Ponderosa Pine | #29494E | 41, 73, 78 | 188°, 31%, 23% | 47, 6, 0, 69 | |
| Indian Pink | #AD5B78 | 173, 91, 120 | 339°, 33%, 52% | 0, 47, 31, 32 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #29494E on #AD5B78 | 2.11:1 | — |
| Aa #3E7A85 on #29494E | 2.01:1 | — |
| Aa #886A3F on #29494E | 1.94:1 | — |
| Aa #843F5B on #AD5B78 | 1.60:1 | — |
| Aa #3E7A85 on #843F5B | 1.52:1 | — |
| Aa #843F5B on #886A3F | 1.47:1 | — |
CSS variables
:root {
--color-1: #3e7a85; /* Mysterious Blue */
--color-2: #843f5b; /* Ancient Royal Banner */
--color-3: #886a3f; /* Shaker Peg */
--color-4: #29494e; /* Ponderosa Pine */
--color-5: #ad5b78; /* Indian Pink */
}Other schemes from Mysterious Blue
- Mysterious Blue Complementary Color Scheme#3E7A85#64ACB5#86493F#542D24#BB7B6D
- Mysterious Blue Analogous Color Scheme#39854A#398467#3E7A85#3E5580#483D8B
- Mysterious Blue Triadic Color Scheme#3E7A85#863F76#79853C#6FB0BE#4F284B
- Mysterious Blue Tetradic Color Scheme#3E7A85#723F89#86493F#5A8B3F#6FB0BE
- Mysterious Blue Monochromatic Color Scheme#0E191C#29494E#3E7A85#57A3B3#93C3CB
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 Mysterious Blue?
In a split-complementary scheme: Ancient Royal Banner (#843F5B), Shaker Peg (#886A3F), Ponderosa Pine (#29494E), Indian Pink (#AD5B78).
What is the hex code of Mysterious Blue?
#3E7A85.