HEX #3A6EE9 color — Royal Blue
The color #3A6EE9 is a dark shade and moderately saturated.
Palette
3A6EE9 color palette from light to dark
HEX |
RGB |
HSL |
#f1f5fd |
rgb(241,245,253) |
hsl(222,80%,97%) |
#dae4fb |
rgb(218,228,251) |
hsl(222,80%,92%) |
#c3d3f8 |
rgb(195,211,248) |
hsl(222,80%,87%) |
#acc2f6 |
rgb(172,194,246) |
hsl(222,80%,82%) |
#95b2f3 |
rgb(149,178,243) |
hsl(222,80%,77%) |
#7ea1f1 |
rgb(126,161,241) |
hsl(222,80%,72%) |
#6890ee |
rgb(104,144,238) |
hsl(222,80%,67%) |
#517fec |
rgb(81,127,236) |
hsl(222,80%,62%) |
#3a6ee9 |
rgb(58,110,233) |
hsl(222,80%,57%) |
#235de7 |
rgb(35,93,231) |
hsl(222,80%,52%) |
#1851d8 |
rgb(24,81,216) |
hsl(222,80%,47%) |
#1549c1 |
rgb(21,73,193) |
hsl(222,80%,42%) |
#1340aa |
rgb(19,64,170) |
hsl(222,80%,37%) |
#103793 |
rgb(16,55,147) |
hsl(222,80%,32%) |
#0e2f7c |
rgb(14,47,124) |
hsl(222,80%,27%) |
#0b2665 |
rgb(11,38,101) |
hsl(222,80%,22%) |
#091d4e |
rgb(9,29,78) |
hsl(222,80%,17%) |
#061537 |
rgb(6,21,55) |
hsl(222,80%,12%) |
#040c20 |
rgb(4,12,32) |
hsl(222,80%,7%) |
#010309 |
rgb(1,3,9) |
hsl(222,80%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE3E9 |
rgb(58,227,233) |
hsl(182,80%,57%) |
#3A6EE9 |
rgb(58,110,233) |
hsl(222,80%,57%) |
#7A3BE9 |
rgb(122,59,233) |
hsl(262,80%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8DABF2 |
rgb(141,171,242) |
hsl(222,80%,75%) |
#638CED |
rgb(99,140,237) |
hsl(222,79%,66%) |
#3A6EE9 |
rgb(58,110,233) |
hsl(222,80%,57%) |
#1852DB |
rgb(24,82,219) |
hsl(222,80%,48%) |
#1342B2 |
rgb(19,66,178) |
hsl(222,81%,39%) |
#0F3388 |
rgb(15,51,136) |
hsl(222,80%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6EE9 |
rgb(58,110,233) |
hsl(222,80%,57%) |
#E95E3A |
rgb(233,94,58) |
hsl(12,80%,57%) |
#C5E83A |
rgb(197,232,58) |
hsl(72,79%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6EE9 |
rgb(58,110,233) |
hsl(222,80%,57%) |
#E9B53A |
rgb(233,181,58) |
hsl(42,80%,57%) |
#3AC4E9 |
rgb(58,196,233) |
hsl(193,80%,57%) |
#C5E83A |
rgb(197,232,58) |
hsl(72,79%,57%) |