HEX #3A5AE9 color — Royal Blue
The color #3a5ae9 is a dark shade and moderately saturated.
Palette
3a5ae9 color palette from light to dark
HEX |
RGB |
HSL |
#f1f3fd |
rgb(241,243,253) |
hsl(229,80%,97%) |
#dae0fb |
rgb(218,224,251) |
hsl(229,80%,92%) |
#c3cdf8 |
rgb(195,205,248) |
hsl(229,80%,87%) |
#acbaf6 |
rgb(172,186,246) |
hsl(229,80%,82%) |
#95a7f3 |
rgb(149,167,243) |
hsl(229,80%,77%) |
#7e93f1 |
rgb(126,147,241) |
hsl(229,80%,72%) |
#6880ee |
rgb(104,128,238) |
hsl(229,80%,67%) |
#516dec |
rgb(81,109,236) |
hsl(229,80%,62%) |
#3a5ae9 |
rgb(58,90,233) |
hsl(229,80%,57%) |
#2347e7 |
rgb(35,71,231) |
hsl(229,80%,52%) |
#183bd8 |
rgb(24,59,216) |
hsl(229,80%,47%) |
#1535c1 |
rgb(21,53,193) |
hsl(229,80%,42%) |
#132faa |
rgb(19,47,170) |
hsl(229,80%,37%) |
#102893 |
rgb(16,40,147) |
hsl(229,80%,32%) |
#0e227c |
rgb(14,34,124) |
hsl(229,80%,27%) |
#0b1c65 |
rgb(11,28,101) |
hsl(229,80%,22%) |
#09154e |
rgb(9,21,78) |
hsl(229,80%,17%) |
#060f37 |
rgb(6,15,55) |
hsl(229,80%,12%) |
#040920 |
rgb(4,9,32) |
hsl(229,80%,7%) |
#010309 |
rgb(1,3,9) |
hsl(229,80%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ACFE9 |
rgb(58,207,233) |
hsl(189,80%,57%) |
#3A5AE9 |
rgb(58,90,233) |
hsl(229,80%,57%) |
#8E3BE9 |
rgb(142,59,233) |
hsl(269,80%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8DA1F2 |
rgb(141,161,242) |
hsl(228,80%,75%) |
#637DED |
rgb(99,125,237) |
hsl(229,79%,66%) |
#3A5AE9 |
rgb(58,90,233) |
hsl(229,80%,57%) |
#183DDB |
rgb(24,61,219) |
hsl(229,80%,48%) |
#1330B2 |
rgb(19,48,178) |
hsl(229,81%,39%) |
#0F2688 |
rgb(15,38,136) |
hsl(229,80%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5AE9 |
rgb(58,90,233) |
hsl(229,80%,57%) |
#E9733A |
rgb(233,115,58) |
hsl(20,80%,57%) |
#B1E83A |
rgb(177,232,58) |
hsl(79,79%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5AE9 |
rgb(58,90,233) |
hsl(229,80%,57%) |
#E9C93A |
rgb(233,201,58) |
hsl(49,80%,57%) |
#3AB3E9 |
rgb(58,179,233) |
hsl(199,80%,57%) |
#B1E83A |
rgb(177,232,58) |
hsl(79,79%,57%) |