HEX #3C5AE2 color — Royal Blue
The color #3c5ae2 is a dark shade and moderately saturated.
Palette
3c5ae2 color palette from light to dark
HEX |
RGB |
HSL |
#edf0fc |
rgb(237,240,252) |
hsl(229,74%,96%) |
#d7ddf9 |
rgb(215,221,249) |
hsl(229,74%,91%) |
#c1cbf6 |
rgb(193,203,246) |
hsl(229,74%,86%) |
#abb8f2 |
rgb(171,184,242) |
hsl(229,74%,81%) |
#95a5ef |
rgb(149,165,239) |
hsl(229,74%,76%) |
#7e92ec |
rgb(126,146,236) |
hsl(229,74%,71%) |
#6880e8 |
rgb(104,128,232) |
hsl(229,74%,66%) |
#526de5 |
rgb(82,109,229) |
hsl(229,74%,61%) |
#3c5ae2 |
rgb(60,90,226) |
hsl(229,74%,56%) |
#2647df |
rgb(38,71,223) |
hsl(229,74%,51%) |
#1e3ecc |
rgb(30,62,204) |
hsl(229,74%,46%) |
#1b38b6 |
rgb(27,56,182) |
hsl(229,74%,41%) |
#1831a0 |
rgb(24,49,160) |
hsl(229,74%,36%) |
#152a8a |
rgb(21,42,138) |
hsl(229,74%,31%) |
#112373 |
rgb(17,35,115) |
hsl(229,74%,26%) |
#0e1c5d |
rgb(14,28,93) |
hsl(229,74%,21%) |
#0b1647 |
rgb(11,22,71) |
hsl(229,74%,16%) |
#070f31 |
rgb(7,15,49) |
hsl(229,74%,11%) |
#04081b |
rgb(4,8,27) |
hsl(229,74%,6%) |
#010104 |
rgb(1,1,4) |
hsl(229,74%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CC9E2 |
rgb(60,201,226) |
hsl(189,74%,56%) |
#3C5AE2 |
rgb(60,90,226) |
hsl(229,74%,56%) |
#8C3DE2 |
rgb(140,61,226) |
hsl(269,74%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8B9EED |
rgb(139,158,237) |
hsl(228,73%,74%) |
#637DE7 |
rgb(99,125,231) |
hsl(228,73%,65%) |
#3C5AE2 |
rgb(60,90,226) |
hsl(229,74%,56%) |
#1F40D1 |
rgb(31,64,209) |
hsl(229,74%,47%) |
#1933A9 |
rgb(25,51,169) |
hsl(229,74%,38%) |
#132681 |
rgb(19,38,129) |
hsl(230,74%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C5AE2 |
rgb(60,90,226) |
hsl(229,74%,56%) |
#E2703C |
rgb(226,112,60) |
hsl(19,74%,56%) |
#ADE33C |
rgb(173,227,60) |
hsl(79,75%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C5AE2 |
rgb(60,90,226) |
hsl(229,74%,56%) |
#E2C43C |
rgb(226,196,60) |
hsl(49,74%,56%) |
#3CADE2 |
rgb(60,173,226) |
hsl(199,74%,56%) |
#ADE33C |
rgb(173,227,60) |
hsl(79,75%,56%) |