HEX #3B5AE8 color — Royal Blue
The color #3b5ae8 is a dark shade and moderately saturated.
Palette
3b5ae8 color palette from light to dark
HEX |
RGB |
HSL |
#f1f4fd |
rgb(241,244,253) |
hsl(229,79%,97%) |
#dae0fb |
rgb(218,224,251) |
hsl(229,79%,92%) |
#c4cdf8 |
rgb(196,205,248) |
hsl(229,79%,87%) |
#adbaf5 |
rgb(173,186,245) |
hsl(229,79%,82%) |
#96a7f3 |
rgb(150,167,243) |
hsl(229,79%,77%) |
#7f94f0 |
rgb(127,148,240) |
hsl(229,79%,72%) |
#6881ed |
rgb(104,129,237) |
hsl(229,79%,67%) |
#526eeb |
rgb(82,110,235) |
hsl(229,79%,62%) |
#3b5ae8 |
rgb(59,90,232) |
hsl(229,79%,57%) |
#2447e5 |
rgb(36,71,229) |
hsl(229,79%,52%) |
#193cd7 |
rgb(25,60,215) |
hsl(229,79%,47%) |
#1636c0 |
rgb(22,54,192) |
hsl(229,79%,42%) |
#142fa9 |
rgb(20,47,169) |
hsl(229,79%,37%) |
#112992 |
rgb(17,41,146) |
hsl(229,79%,32%) |
#0e227b |
rgb(14,34,123) |
hsl(229,79%,27%) |
#0c1c64 |
rgb(12,28,100) |
hsl(229,79%,22%) |
#09164e |
rgb(9,22,78) |
hsl(229,79%,17%) |
#060f37 |
rgb(6,15,55) |
hsl(229,79%,12%) |
#040920 |
rgb(4,9,32) |
hsl(229,79%,7%) |
#010309 |
rgb(1,3,9) |
hsl(229,79%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BCFE8 |
rgb(59,207,232) |
hsl(189,79%,57%) |
#3B5AE8 |
rgb(59,90,232) |
hsl(229,79%,57%) |
#8F3BE8 |
rgb(143,59,232) |
hsl(269,79%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8EA1F1 |
rgb(142,161,241) |
hsl(228,78%,75%) |
#647DEC |
rgb(100,125,236) |
hsl(229,78%,66%) |
#3B5AE8 |
rgb(59,90,232) |
hsl(229,79%,57%) |
#193DDA |
rgb(25,61,218) |
hsl(229,79%,48%) |
#1430B1 |
rgb(20,48,177) |
hsl(229,80%,39%) |
#0F2687 |
rgb(15,38,135) |
hsl(229,80%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B5AE8 |
rgb(59,90,232) |
hsl(229,79%,57%) |
#E8733B |
rgb(232,115,59) |
hsl(19,79%,57%) |
#B0E83B |
rgb(176,232,59) |
hsl(79,79%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B5AE8 |
rgb(59,90,232) |
hsl(229,79%,57%) |
#E8C93B |
rgb(232,201,59) |
hsl(49,79%,57%) |
#3BB0E8 |
rgb(59,176,232) |
hsl(199,79%,57%) |
#B0E83B |
rgb(176,232,59) |
hsl(79,79%,57%) |