HEX #3A7AE1 color — Royal Blue
The color #3A7AE1 is a dark shade and moderately saturated.
Palette
3A7AE1 color palette from light to dark
HEX |
RGB |
HSL |
#e9f0fc |
rgb(233,240,252) |
hsl(217,74%,95%) |
#d3e1f8 |
rgb(211,225,248) |
hsl(217,74%,90%) |
#bcd2f5 |
rgb(188,210,245) |
hsl(217,74%,85%) |
#a6c3f2 |
rgb(166,195,242) |
hsl(217,74%,80%) |
#90b4ee |
rgb(144,180,238) |
hsl(217,74%,75%) |
#7aa5eb |
rgb(122,165,235) |
hsl(217,74%,70%) |
#6496e8 |
rgb(100,150,232) |
hsl(217,74%,65%) |
#4e87e4 |
rgb(78,135,228) |
hsl(217,74%,60%) |
#3778e1 |
rgb(55,120,225) |
hsl(217,74%,55%) |
#2169de |
rgb(33,105,222) |
hsl(217,74%,50%) |
#1e5fc8 |
rgb(30,95,200) |
hsl(217,74%,45%) |
#1b54b1 |
rgb(27,84,177) |
hsl(217,74%,40%) |
#174a9b |
rgb(23,74,155) |
hsl(217,74%,35%) |
#143f85 |
rgb(20,63,133) |
hsl(217,74%,30%) |
#11356f |
rgb(17,53,111) |
hsl(217,74%,25%) |
#0d2a59 |
rgb(13,42,89) |
hsl(217,74%,20%) |
#0a2043 |
rgb(10,32,67) |
hsl(217,74%,15%) |
#07152c |
rgb(7,21,44) |
hsl(217,74%,10%) |
#030b16 |
rgb(3,11,22) |
hsl(217,74%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE0D8 |
rgb(58,224,216) |
hsl(177,73%,55%) |
#3A7AE1 |
rgb(58,122,225) |
hsl(217,74%,55%) |
#693BE1 |
rgb(105,59,225) |
hsl(257,73%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#88B0EC |
rgb(136,176,236) |
hsl(216,72%,73%) |
#6194E6 |
rgb(97,148,230) |
hsl(217,73%,64%) |
#3A7AE1 |
rgb(58,122,225) |
hsl(217,74%,55%) |
#1F63CE |
rgb(31,99,206) |
hsl(217,74%,46%) |
#194FA7 |
rgb(25,79,167) |
hsl(217,74%,38%) |
#133D7F |
rgb(19,61,127) |
hsl(217,74%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A7AE1 |
rgb(58,122,225) |
hsl(217,74%,55%) |
#E14D3A |
rgb(225,77,58) |
hsl(7,74%,55%) |
#CDE03A |
rgb(205,224,58) |
hsl(67,73%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A7AE1 |
rgb(58,122,225) |
hsl(217,74%,55%) |
#E1A13A |
rgb(225,161,58) |
hsl(37,74%,55%) |
#3ACFE1 |
rgb(58,207,225) |
hsl(186,74%,55%) |
#CDE03A |
rgb(205,224,58) |
hsl(67,73%,55%) |