HEX #3A54DE color — Royal Blue
The color #3A54DE is a dark shade and moderately saturated.
Palette
3A54DE color palette from light to dark
HEX |
RGB |
HSL |
#e9ecfb |
rgb(233,236,251) |
hsl(230,71%,95%) |
#d3d9f8 |
rgb(211,217,248) |
hsl(230,71%,90%) |
#bec7f4 |
rgb(190,199,244) |
hsl(230,71%,85%) |
#a8b4f0 |
rgb(168,180,240) |
hsl(230,71%,80%) |
#92a1ed |
rgb(146,161,237) |
hsl(230,71%,75%) |
#7c8ee9 |
rgb(124,142,233) |
hsl(230,71%,70%) |
#667ce5 |
rgb(102,124,229) |
hsl(230,71%,65%) |
#5169e1 |
rgb(81,105,225) |
hsl(230,71%,60%) |
#3b56de |
rgb(59,86,222) |
hsl(230,71%,55%) |
#2543da |
rgb(37,67,218) |
hsl(230,71%,50%) |
#213cc4 |
rgb(33,60,196) |
hsl(230,71%,45%) |
#1e36ae |
rgb(30,54,174) |
hsl(230,71%,40%) |
#1a2f99 |
rgb(26,47,153) |
hsl(230,71%,35%) |
#162883 |
rgb(22,40,131) |
hsl(230,71%,30%) |
#12226d |
rgb(18,34,109) |
hsl(230,71%,25%) |
#0f1b57 |
rgb(15,27,87) |
hsl(230,71%,20%) |
#0b1441 |
rgb(11,20,65) |
hsl(230,71%,15%) |
#070d2c |
rgb(7,13,44) |
hsl(230,71%,10%) |
#040716 |
rgb(4,7,22) |
hsl(230,71%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AC2DE |
rgb(58,194,222) |
hsl(190,71%,55%) |
#3A54DE |
rgb(58,84,222) |
hsl(230,71%,55%) |
#8D3BDE |
rgb(141,59,222) |
hsl(270,71%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8696EA |
rgb(134,150,234) |
hsl(230,70%,72%) |
#6075E4 |
rgb(96,117,228) |
hsl(230,71%,64%) |
#3A54DE |
rgb(58,84,222) |
hsl(230,71%,55%) |
#213DC9 |
rgb(33,61,201) |
hsl(230,72%,46%) |
#1B30A3 |
rgb(27,48,163) |
hsl(231,72%,37%) |
#14267C |
rgb(20,38,124) |
hsl(230,72%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A54DE |
rgb(58,84,222) |
hsl(230,71%,55%) |
#DE733A |
rgb(222,115,58) |
hsl(21,71%,55%) |
#A6DE3A |
rgb(166,222,58) |
hsl(80,71%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A54DE |
rgb(58,84,222) |
hsl(230,71%,55%) |
#DEC43A |
rgb(222,196,58) |
hsl(50,71%,55%) |
#3AA6DE |
rgb(58,166,222) |
hsl(200,71%,55%) |
#A6DE3A |
rgb(166,222,58) |
hsl(80,71%,55%) |