HEX #3A85E0 color — Royal Blue
The color #3A85E0 is a dark shade and moderately saturated.
Palette
3A85E0 color palette from light to dark
HEX |
RGB |
HSL |
#e9f1fc |
rgb(233,241,252) |
hsl(213,73%,95%) |
#d3e4f8 |
rgb(211,228,248) |
hsl(213,73%,90%) |
#bdd6f5 |
rgb(189,214,245) |
hsl(213,73%,85%) |
#a7c8f1 |
rgb(167,200,241) |
hsl(213,73%,80%) |
#91bbee |
rgb(145,187,238) |
hsl(213,73%,75%) |
#7badea |
rgb(123,173,234) |
hsl(213,73%,70%) |
#659fe7 |
rgb(101,159,231) |
hsl(213,73%,65%) |
#4f92e3 |
rgb(79,146,227) |
hsl(213,73%,60%) |
#3884e0 |
rgb(56,132,224) |
hsl(213,73%,55%) |
#2276dd |
rgb(34,118,221) |
hsl(213,73%,50%) |
#1f6ac7 |
rgb(31,106,199) |
hsl(213,73%,45%) |
#1c5fb0 |
rgb(28,95,176) |
hsl(213,73%,40%) |
#18539a |
rgb(24,83,154) |
hsl(213,73%,35%) |
#154784 |
rgb(21,71,132) |
hsl(213,73%,30%) |
#113b6e |
rgb(17,59,110) |
hsl(213,73%,25%) |
#0e2f58 |
rgb(14,47,88) |
hsl(213,73%,20%) |
#0a2342 |
rgb(10,35,66) |
hsl(213,73%,15%) |
#07182c |
rgb(7,24,44) |
hsl(213,73%,10%) |
#030c16 |
rgb(3,12,22) |
hsl(213,73%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE0CC |
rgb(58,224,204) |
hsl(173,73%,55%) |
#3A85E0 |
rgb(58,133,224) |
hsl(213,73%,55%) |
#5D3BE0 |
rgb(93,59,224) |
hsl(252,73%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#87B5EC |
rgb(135,181,236) |
hsl(213,73%,73%) |
#609EE6 |
rgb(96,158,230) |
hsl(212,73%,64%) |
#3A85E0 |
rgb(58,133,224) |
hsl(213,73%,55%) |
#206ECC |
rgb(32,110,204) |
hsl(213,73%,46%) |
#1A59A5 |
rgb(26,89,165) |
hsl(213,73%,37%) |
#13457E |
rgb(19,69,126) |
hsl(212,74%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A85E0 |
rgb(58,133,224) |
hsl(213,73%,55%) |
#E0423A |
rgb(224,66,58) |
hsl(3,73%,55%) |
#D8E03A |
rgb(216,224,58) |
hsl(63,73%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A85E0 |
rgb(58,133,224) |
hsl(213,73%,55%) |
#E0943A |
rgb(224,148,58) |
hsl(33,73%,55%) |
#3AD9E0 |
rgb(58,217,224) |
hsl(183,73%,55%) |
#D8E03A |
rgb(216,224,58) |
hsl(63,73%,55%) |