HEX #3E54E5 color — Royal Blue
The color #3e54e5 is a dark shade and moderately saturated.
Palette
3e54e5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f3fd |
rgb(242,243,253) |
hsl(232,76%,97%) |
#dbdffa |
rgb(219,223,250) |
hsl(232,76%,92%) |
#c5cbf7 |
rgb(197,203,247) |
hsl(232,76%,87%) |
#aeb8f4 |
rgb(174,184,244) |
hsl(232,76%,82%) |
#98a4f1 |
rgb(152,164,241) |
hsl(232,76%,77%) |
#8190ee |
rgb(129,144,238) |
hsl(232,76%,72%) |
#6b7ceb |
rgb(107,124,235) |
hsl(232,76%,67%) |
#5468e8 |
rgb(84,104,232) |
hsl(232,76%,62%) |
#3e54e5 |
rgb(62,84,229) |
hsl(232,76%,57%) |
#2840e2 |
rgb(40,64,226) |
hsl(232,76%,52%) |
#1d35d3 |
rgb(29,53,211) |
hsl(232,76%,47%) |
#1a2fbc |
rgb(26,47,188) |
hsl(232,76%,42%) |
#172aa6 |
rgb(23,42,166) |
hsl(232,76%,37%) |
#142490 |
rgb(20,36,144) |
hsl(232,76%,32%) |
#111e79 |
rgb(17,30,121) |
hsl(232,76%,27%) |
#0d1963 |
rgb(13,25,99) |
hsl(232,76%,22%) |
#0a134c |
rgb(10,19,76) |
hsl(232,76%,17%) |
#070e36 |
rgb(7,14,54) |
hsl(232,76%,12%) |
#04081f |
rgb(4,8,31) |
hsl(232,76%,7%) |
#010209 |
rgb(1,2,9) |
hsl(232,76%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3EC4E5 |
rgb(62,196,229) |
hsl(192,76%,57%) |
#3E54E5 |
rgb(62,84,229) |
hsl(232,76%,57%) |
#973DE5 |
rgb(151,61,229) |
hsl(272,76%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#909CF0 |
rgb(144,156,240) |
hsl(233,76%,75%) |
#6778EA |
rgb(103,120,234) |
hsl(232,76%,66%) |
#3E54E5 |
rgb(62,84,229) |
hsl(232,76%,57%) |
#1D36D7 |
rgb(29,54,215) |
hsl(232,76%,48%) |
#172BAE |
rgb(23,43,174) |
hsl(232,77%,39%) |
#112185 |
rgb(17,33,133) |
hsl(232,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3E54E5 |
rgb(62,84,229) |
hsl(232,76%,57%) |
#E57A3E |
rgb(229,122,62) |
hsl(22,76%,57%) |
#A7E63E |
rgb(167,230,62) |
hsl(83,77%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3E54E5 |
rgb(62,84,229) |
hsl(232,76%,57%) |
#E5CF3E |
rgb(229,207,62) |
hsl(52,76%,57%) |
#3EA8E5 |
rgb(62,168,229) |
hsl(202,76%,57%) |
#A7E63E |
rgb(167,230,62) |
hsl(83,77%,57%) |