HEX #3C5CE6 color — Royal Blue
The color #3C5CE6 is a dark shade and moderately saturated.
Palette
3C5CE6 color palette from light to dark
HEX |
RGB |
HSL |
#f1f4fd |
rgb(241,244,253) |
hsl(229,77%,97%) |
#dbe1fa |
rgb(219,225,250) |
hsl(229,77%,92%) |
#c4cef7 |
rgb(196,206,247) |
hsl(229,77%,87%) |
#aebbf4 |
rgb(174,187,244) |
hsl(229,77%,82%) |
#97a8f2 |
rgb(151,168,242) |
hsl(229,77%,77%) |
#8195ef |
rgb(129,149,239) |
hsl(229,77%,72%) |
#6a82ec |
rgb(106,130,236) |
hsl(229,77%,67%) |
#536fe9 |
rgb(83,111,233) |
hsl(229,77%,62%) |
#3d5ce6 |
rgb(61,92,230) |
hsl(229,77%,57%) |
#2649e3 |
rgb(38,73,227) |
hsl(229,77%,52%) |
#1c3dd4 |
rgb(28,61,212) |
hsl(229,77%,47%) |
#1937be |
rgb(25,55,190) |
hsl(229,77%,42%) |
#1630a7 |
rgb(22,48,167) |
hsl(229,77%,37%) |
#132a90 |
rgb(19,42,144) |
hsl(229,77%,32%) |
#10237a |
rgb(16,35,122) |
hsl(229,77%,27%) |
#0d1d63 |
rgb(13,29,99) |
hsl(229,77%,22%) |
#0a164d |
rgb(10,22,77) |
hsl(229,77%,17%) |
#071036 |
rgb(7,16,54) |
hsl(229,77%,12%) |
#040920 |
rgb(4,9,32) |
hsl(229,77%,7%) |
#010309 |
rgb(1,3,9) |
hsl(229,77%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CCFE6 |
rgb(60,207,230) |
hsl(188,77%,57%) |
#3C5CE6 |
rgb(60,92,230) |
hsl(229,77%,57%) |
#8D3DE6 |
rgb(141,61,230) |
hsl(268,77%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8EA1F0 |
rgb(142,161,240) |
hsl(228,77%,75%) |
#6580EB |
rgb(101,128,235) |
hsl(228,77%,66%) |
#3C5CE6 |
rgb(60,92,230) |
hsl(229,77%,57%) |
#1B40D7 |
rgb(27,64,215) |
hsl(228,78%,47%) |
#1633AE |
rgb(22,51,174) |
hsl(229,78%,38%) |
#112685 |
rgb(17,38,133) |
hsl(229,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C5CE6 |
rgb(60,92,230) |
hsl(229,77%,57%) |
#E6703C |
rgb(230,112,60) |
hsl(18,77%,57%) |
#B1E63C |
rgb(177,230,60) |
hsl(79,77%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C5CE6 |
rgb(60,92,230) |
hsl(229,77%,57%) |
#E6C73C |
rgb(230,199,60) |
hsl(49,77%,57%) |
#3CB0E6 |
rgb(60,176,230) |
hsl(199,77%,57%) |
#B1E63C |
rgb(177,230,60) |
hsl(79,77%,57%) |