HEX #3A87E1 color — Royal Blue
The color #3A87E1 is a dark shade and moderately saturated.
Palette
3A87E1 color palette from light to dark
HEX |
RGB |
HSL |
#e9f2fc |
rgb(233,242,252) |
hsl(212,74%,95%) |
#d3e4f8 |
rgb(211,228,248) |
hsl(212,74%,90%) |
#bcd7f5 |
rgb(188,215,245) |
hsl(212,74%,85%) |
#a6c9f2 |
rgb(166,201,242) |
hsl(212,74%,80%) |
#90bcee |
rgb(144,188,238) |
hsl(212,74%,75%) |
#7aafeb |
rgb(122,175,235) |
hsl(212,74%,70%) |
#64a1e8 |
rgb(100,161,232) |
hsl(212,74%,65%) |
#4e94e4 |
rgb(78,148,228) |
hsl(212,74%,60%) |
#3787e1 |
rgb(55,135,225) |
hsl(212,74%,55%) |
#2179de |
rgb(33,121,222) |
hsl(212,74%,50%) |
#1e6dc8 |
rgb(30,109,200) |
hsl(212,74%,45%) |
#1b61b1 |
rgb(27,97,177) |
hsl(212,74%,40%) |
#17559b |
rgb(23,85,155) |
hsl(212,74%,35%) |
#144985 |
rgb(20,73,133) |
hsl(212,74%,30%) |
#113d6f |
rgb(17,61,111) |
hsl(212,74%,25%) |
#0d3059 |
rgb(13,48,89) |
hsl(212,74%,20%) |
#0a2443 |
rgb(10,36,67) |
hsl(212,74%,15%) |
#07182c |
rgb(7,24,44) |
hsl(212,74%,10%) |
#030c16 |
rgb(3,12,22) |
hsl(212,74%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE0CB |
rgb(58,224,203) |
hsl(172,73%,55%) |
#3A87E1 |
rgb(58,135,225) |
hsl(212,74%,55%) |
#5C3BE1 |
rgb(92,59,225) |
hsl(252,73%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#88B8EC |
rgb(136,184,236) |
hsl(211,72%,73%) |
#619EE6 |
rgb(97,158,230) |
hsl(212,73%,64%) |
#3A87E1 |
rgb(58,135,225) |
hsl(212,74%,55%) |
#1F70CE |
rgb(31,112,206) |
hsl(212,74%,46%) |
#195CA7 |
rgb(25,92,167) |
hsl(212,74%,38%) |
#13457F |
rgb(19,69,127) |
hsl(212,74%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A87E1 |
rgb(58,135,225) |
hsl(212,74%,55%) |
#E1403A |
rgb(225,64,58) |
hsl(2,74%,55%) |
#DAE03A |
rgb(218,224,58) |
hsl(62,73%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A87E1 |
rgb(58,135,225) |
hsl(212,74%,55%) |
#E1943A |
rgb(225,148,58) |
hsl(32,74%,55%) |
#3ADBE1 |
rgb(58,219,225) |
hsl(182,74%,55%) |
#DAE03A |
rgb(218,224,58) |
hsl(62,73%,55%) |