HEX #3A5CE7 color — Royal Blue
The color #3A5CE7 is a dark shade and moderately saturated.
Palette
3A5CE7 color palette from light to dark
HEX |
RGB |
HSL |
#f1f4fd |
rgb(241,244,253) |
hsl(228,78%,97%) |
#dbe1fb |
rgb(219,225,251) |
hsl(228,78%,92%) |
#c4cef8 |
rgb(196,206,248) |
hsl(228,78%,87%) |
#adbcf5 |
rgb(173,188,245) |
hsl(228,78%,82%) |
#97a9f2 |
rgb(151,169,242) |
hsl(228,78%,77%) |
#8096ef |
rgb(128,150,239) |
hsl(228,78%,72%) |
#6983ec |
rgb(105,131,236) |
hsl(228,78%,67%) |
#5371ea |
rgb(83,113,234) |
hsl(228,78%,62%) |
#3c5ee7 |
rgb(60,94,231) |
hsl(228,78%,57%) |
#254be4 |
rgb(37,75,228) |
hsl(228,78%,52%) |
#1a40d5 |
rgb(26,64,213) |
hsl(228,78%,47%) |
#1839bf |
rgb(24,57,191) |
hsl(228,78%,42%) |
#1532a8 |
rgb(21,50,168) |
hsl(228,78%,37%) |
#122b91 |
rgb(18,43,145) |
hsl(228,78%,32%) |
#0f257b |
rgb(15,37,123) |
hsl(228,78%,27%) |
#0c1e64 |
rgb(12,30,100) |
hsl(228,78%,22%) |
#0a174d |
rgb(10,23,77) |
hsl(228,78%,17%) |
#071036 |
rgb(7,16,54) |
hsl(228,78%,12%) |
#040920 |
rgb(4,9,32) |
hsl(228,78%,7%) |
#010309 |
rgb(1,3,9) |
hsl(228,78%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ACFE7 |
rgb(58,207,231) |
hsl(188,78%,57%) |
#3A5CE7 |
rgb(58,92,231) |
hsl(228,78%,57%) |
#8B3BE7 |
rgb(139,59,231) |
hsl(268,78%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CA1F1 |
rgb(140,161,241) |
hsl(228,78%,75%) |
#637DEC |
rgb(99,125,236) |
hsl(229,78%,66%) |
#3A5CE7 |
rgb(58,92,231) |
hsl(228,78%,57%) |
#1A40D8 |
rgb(26,64,216) |
hsl(228,79%,47%) |
#1533AF |
rgb(21,51,175) |
hsl(228,79%,38%) |
#102685 |
rgb(16,38,133) |
hsl(229,79%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5CE7 |
rgb(58,92,231) |
hsl(228,78%,57%) |
#E76E3A |
rgb(231,110,58) |
hsl(18,78%,57%) |
#B2E83A |
rgb(178,232,58) |
hsl(79,79%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5CE7 |
rgb(58,92,231) |
hsl(228,78%,57%) |
#E7C43A |
rgb(231,196,58) |
hsl(48,78%,57%) |
#3AB3E7 |
rgb(58,179,231) |
hsl(198,78%,57%) |
#B2E83A |
rgb(178,232,58) |
hsl(79,79%,57%) |