HEX #3A54E8 color — Royal Blue
The color #3A54E8 is a dark shade and moderately saturated.
Palette
3A54E8 color palette from light to dark
HEX |
RGB |
HSL |
#f1f3fd |
rgb(241,243,253) |
hsl(231,79%,97%) |
#dadffb |
rgb(218,223,251) |
hsl(231,79%,92%) |
#c4ccf8 |
rgb(196,204,248) |
hsl(231,79%,87%) |
#adb8f5 |
rgb(173,184,245) |
hsl(231,79%,82%) |
#96a4f3 |
rgb(150,164,243) |
hsl(231,79%,77%) |
#7f90f0 |
rgb(127,144,240) |
hsl(231,79%,72%) |
#687ced |
rgb(104,124,237) |
hsl(231,79%,67%) |
#5269eb |
rgb(82,105,235) |
hsl(231,79%,62%) |
#3b55e8 |
rgb(59,85,232) |
hsl(231,79%,57%) |
#2441e5 |
rgb(36,65,229) |
hsl(231,79%,52%) |
#1936d7 |
rgb(25,54,215) |
hsl(231,79%,47%) |
#1630c0 |
rgb(22,48,192) |
hsl(231,79%,42%) |
#142aa9 |
rgb(20,42,169) |
hsl(231,79%,37%) |
#112492 |
rgb(17,36,146) |
hsl(231,79%,32%) |
#0e1f7b |
rgb(14,31,123) |
hsl(231,79%,27%) |
#0c1964 |
rgb(12,25,100) |
hsl(231,79%,22%) |
#09134e |
rgb(9,19,78) |
hsl(231,79%,17%) |
#060e37 |
rgb(6,14,55) |
hsl(231,79%,12%) |
#040820 |
rgb(4,8,32) |
hsl(231,79%,7%) |
#010209 |
rgb(1,2,9) |
hsl(231,79%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AC7E8 |
rgb(58,199,232) |
hsl(191,79%,57%) |
#3A54E8 |
rgb(58,84,232) |
hsl(231,79%,57%) |
#943BE8 |
rgb(148,59,232) |
hsl(271,79%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8D9CF1 |
rgb(141,156,241) |
hsl(231,78%,75%) |
#6378EC |
rgb(99,120,236) |
hsl(231,78%,66%) |
#3A54E8 |
rgb(58,84,232) |
hsl(231,79%,57%) |
#1936DA |
rgb(25,54,218) |
hsl(231,79%,48%) |
#142BB0 |
rgb(20,43,176) |
hsl(231,80%,38%) |
#0F2187 |
rgb(15,33,135) |
hsl(231,80%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A54E8 |
rgb(58,84,232) |
hsl(231,79%,57%) |
#E8783A |
rgb(232,120,58) |
hsl(21,79%,57%) |
#ABE83A |
rgb(171,232,58) |
hsl(81,79%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A54E8 |
rgb(58,84,232) |
hsl(231,79%,57%) |
#E8CF3A |
rgb(232,207,58) |
hsl(51,79%,57%) |
#3AABE8 |
rgb(58,171,232) |
hsl(201,79%,57%) |
#ABE83A |
rgb(171,232,58) |
hsl(81,79%,57%) |