HEX #4C70E5 color — Royal Blue
The color #4C70E5 is a dark shade and moderately saturated.
Palette
4C70E5 color palette from light to dark
HEX |
RGB |
HSL |
#e9edfc |
rgb(233,237,252) |
hsl(226,75%,95%) |
#d2dbf9 |
rgb(210,219,249) |
hsl(226,75%,90%) |
#bcc9f5 |
rgb(188,201,245) |
hsl(226,75%,85%) |
#a6b8f2 |
rgb(166,184,242) |
hsl(226,75%,80%) |
#8fa6ef |
rgb(143,166,239) |
hsl(226,75%,75%) |
#7994ec |
rgb(121,148,236) |
hsl(226,75%,70%) |
#6382e9 |
rgb(99,130,233) |
hsl(226,75%,65%) |
#4d70e6 |
rgb(77,112,230) |
hsl(226,75%,60%) |
#365ee2 |
rgb(54,94,226) |
hsl(226,75%,55%) |
#204ddf |
rgb(32,77,223) |
hsl(226,75%,50%) |
#1d45c9 |
rgb(29,69,201) |
hsl(226,75%,45%) |
#1a3db3 |
rgb(26,61,179) |
hsl(226,75%,40%) |
#16369c |
rgb(22,54,156) |
hsl(226,75%,35%) |
#132e86 |
rgb(19,46,134) |
hsl(226,75%,30%) |
#102670 |
rgb(16,38,112) |
hsl(226,75%,25%) |
#0d1f59 |
rgb(13,31,89) |
hsl(226,75%,20%) |
#0a1743 |
rgb(10,23,67) |
hsl(226,75%,15%) |
#060f2d |
rgb(6,15,45) |
hsl(226,75%,10%) |
#030816 |
rgb(3,8,22) |
hsl(226,75%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#4CD6E5 |
rgb(76,214,229) |
hsl(186,75%,60%) |
#4C70E5 |
rgb(76,112,229) |
hsl(226,75%,60%) |
#8E4DE5 |
rgb(142,77,229) |
hsl(266,75%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A1B5F1 |
rgb(161,181,241) |
hsl(225,74%,79%) |
#7691EB |
rgb(118,145,235) |
hsl(226,75%,69%) |
#4C70E5 |
rgb(76,112,229) |
hsl(226,75%,60%) |
#214FDE |
rgb(33,79,222) |
hsl(225,74%,50%) |
#1A40B5 |
rgb(26,64,181) |
hsl(225,75%,41%) |
#14308A |
rgb(20,48,138) |
hsl(226,75%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#4C70E5 |
rgb(76,112,229) |
hsl(226,75%,60%) |
#E5754C |
rgb(229,117,76) |
hsl(16,75%,60%) |
#BCE64C |
rgb(188,230,76) |
hsl(76,75%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4C70E5 |
rgb(76,112,229) |
hsl(226,75%,60%) |
#E5C24C |
rgb(229,194,76) |
hsl(46,75%,60%) |
#4CBDE5 |
rgb(76,189,229) |
hsl(196,75%,60%) |
#BCE64C |
rgb(188,230,76) |
hsl(76,75%,60%) |