HEX #3A7DE1 color — Royal Blue
The color #3A7DE1 is a dark shade and moderately saturated.
Palette
3A7DE1 color palette from light to dark
HEX |
RGB |
HSL |
#e9f0fc |
rgb(233,240,252) |
hsl(216,74%,95%) |
#d3e2f8 |
rgb(211,226,248) |
hsl(216,74%,90%) |
#bcd3f5 |
rgb(188,211,245) |
hsl(216,74%,85%) |
#a6c4f2 |
rgb(166,196,242) |
hsl(216,74%,80%) |
#90b6ee |
rgb(144,182,238) |
hsl(216,74%,75%) |
#7aa7eb |
rgb(122,167,235) |
hsl(216,74%,70%) |
#6499e8 |
rgb(100,153,232) |
hsl(216,74%,65%) |
#4e8ae4 |
rgb(78,138,228) |
hsl(216,74%,60%) |
#377be1 |
rgb(55,123,225) |
hsl(216,74%,55%) |
#216dde |
rgb(33,109,222) |
hsl(216,74%,50%) |
#1e62c8 |
rgb(30,98,200) |
hsl(216,74%,45%) |
#1b57b1 |
rgb(27,87,177) |
hsl(216,74%,40%) |
#174c9b |
rgb(23,76,155) |
hsl(216,74%,35%) |
#144185 |
rgb(20,65,133) |
hsl(216,74%,30%) |
#11366f |
rgb(17,54,111) |
hsl(216,74%,25%) |
#0d2b59 |
rgb(13,43,89) |
hsl(216,74%,20%) |
#0a2143 |
rgb(10,33,67) |
hsl(216,74%,15%) |
#07162c |
rgb(7,22,44) |
hsl(216,74%,10%) |
#030b16 |
rgb(3,11,22) |
hsl(216,74%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE0D5 |
rgb(58,224,213) |
hsl(176,73%,55%) |
#3A7DE1 |
rgb(58,125,225) |
hsl(216,74%,55%) |
#663BE1 |
rgb(102,59,225) |
hsl(256,73%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#88B0EC |
rgb(136,176,236) |
hsl(216,72%,73%) |
#6196E6 |
rgb(97,150,230) |
hsl(216,73%,64%) |
#3A7DE1 |
rgb(58,125,225) |
hsl(216,74%,55%) |
#1F66CE |
rgb(31,102,206) |
hsl(216,74%,46%) |
#1952A7 |
rgb(25,82,167) |
hsl(216,74%,38%) |
#13407F |
rgb(19,64,127) |
hsl(215,74%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A7DE1 |
rgb(58,125,225) |
hsl(216,74%,55%) |
#E14A3A |
rgb(225,74,58) |
hsl(6,74%,55%) |
#D0E03A |
rgb(208,224,58) |
hsl(66,73%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A7DE1 |
rgb(58,125,225) |
hsl(216,74%,55%) |
#E19E3A |
rgb(225,158,58) |
hsl(36,74%,55%) |
#3AD1E1 |
rgb(58,209,225) |
hsl(186,74%,55%) |
#D0E03A |
rgb(208,224,58) |
hsl(66,73%,55%) |