HEX #4C69E5 color — Royal Blue
The color #4C69E5 is a dark shade and moderately saturated.
Palette
4C69E5 color palette from light to dark
HEX |
RGB |
HSL |
#e9ecfc |
rgb(233,236,252) |
hsl(229,75%,95%) |
#d2d9f9 |
rgb(210,217,249) |
hsl(229,75%,90%) |
#bcc7f5 |
rgb(188,199,245) |
hsl(229,75%,85%) |
#a6b4f2 |
rgb(166,180,242) |
hsl(229,75%,80%) |
#8fa1ef |
rgb(143,161,239) |
hsl(229,75%,75%) |
#798eec |
rgb(121,142,236) |
hsl(229,75%,70%) |
#637be9 |
rgb(99,123,233) |
hsl(229,75%,65%) |
#4d69e6 |
rgb(77,105,230) |
hsl(229,75%,60%) |
#3656e2 |
rgb(54,86,226) |
hsl(229,75%,55%) |
#2043df |
rgb(32,67,223) |
hsl(229,75%,50%) |
#1d3cc9 |
rgb(29,60,201) |
hsl(229,75%,45%) |
#1a36b3 |
rgb(26,54,179) |
hsl(229,75%,40%) |
#162f9c |
rgb(22,47,156) |
hsl(229,75%,35%) |
#132886 |
rgb(19,40,134) |
hsl(229,75%,30%) |
#102170 |
rgb(16,33,112) |
hsl(229,75%,25%) |
#0d1b59 |
rgb(13,27,89) |
hsl(229,75%,20%) |
#0a1443 |
rgb(10,20,67) |
hsl(229,75%,15%) |
#060d2d |
rgb(6,13,45) |
hsl(229,75%,10%) |
#030716 |
rgb(3,7,22) |
hsl(229,75%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#4CCFE5 |
rgb(76,207,229) |
hsl(189,75%,60%) |
#4C69E5 |
rgb(76,105,229) |
hsl(229,75%,60%) |
#954DE5 |
rgb(149,77,229) |
hsl(268,75%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A1B0F1 |
rgb(161,176,241) |
hsl(229,74%,79%) |
#768CEB |
rgb(118,140,235) |
hsl(229,75%,69%) |
#4C69E5 |
rgb(76,105,229) |
hsl(229,75%,60%) |
#2145DE |
rgb(33,69,222) |
hsl(229,74%,50%) |
#1A38B5 |
rgb(26,56,181) |
hsl(228,75%,41%) |
#142B8A |
rgb(20,43,138) |
hsl(228,75%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#4C69E5 |
rgb(76,105,229) |
hsl(229,75%,60%) |
#E57A4C |
rgb(229,122,76) |
hsl(18,75%,60%) |
#B5E64C |
rgb(181,230,76) |
hsl(79,75%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4C69E5 |
rgb(76,105,229) |
hsl(229,75%,60%) |
#E5C74C |
rgb(229,199,76) |
hsl(48,75%,60%) |
#4CB5E5 |
rgb(76,181,229) |
hsl(199,75%,60%) |
#B5E64C |
rgb(181,230,76) |
hsl(79,75%,60%) |