HEX #4C80E5 color — Royal Blue
The color #4C80E5 is a dark shade and moderately saturated.
Palette
4C80E5 color palette from light to dark
HEX |
RGB |
HSL |
#e9effc |
rgb(233,239,252) |
hsl(220,75%,95%) |
#d2dff9 |
rgb(210,223,249) |
hsl(220,75%,90%) |
#bccff5 |
rgb(188,207,245) |
hsl(220,75%,85%) |
#a6bff2 |
rgb(166,191,242) |
hsl(220,75%,80%) |
#8fafef |
rgb(143,175,239) |
hsl(220,75%,75%) |
#799fec |
rgb(121,159,236) |
hsl(220,75%,70%) |
#638fe9 |
rgb(99,143,233) |
hsl(220,75%,65%) |
#4d80e6 |
rgb(77,128,230) |
hsl(220,75%,60%) |
#3670e2 |
rgb(54,112,226) |
hsl(220,75%,55%) |
#2060df |
rgb(32,96,223) |
hsl(220,75%,50%) |
#1d56c9 |
rgb(29,86,201) |
hsl(220,75%,45%) |
#1a4cb3 |
rgb(26,76,179) |
hsl(220,75%,40%) |
#16439c |
rgb(22,67,156) |
hsl(220,75%,35%) |
#133986 |
rgb(19,57,134) |
hsl(220,75%,30%) |
#103070 |
rgb(16,48,112) |
hsl(220,75%,25%) |
#0d2659 |
rgb(13,38,89) |
hsl(220,75%,20%) |
#0a1d43 |
rgb(10,29,67) |
hsl(220,75%,15%) |
#06132d |
rgb(6,19,45) |
hsl(220,75%,10%) |
#030a16 |
rgb(3,10,22) |
hsl(220,75%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#4CE6E4 |
rgb(76,230,228) |
hsl(179,75%,60%) |
#4C80E5 |
rgb(76,128,229) |
hsl(220,75%,60%) |
#7E4DE5 |
rgb(126,77,229) |
hsl(259,75%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A1BDF1 |
rgb(161,189,241) |
hsl(219,74%,79%) |
#769EEB |
rgb(118,158,235) |
hsl(219,75%,69%) |
#4C80E5 |
rgb(76,128,229) |
hsl(220,75%,60%) |
#2161DE |
rgb(33,97,222) |
hsl(220,74%,50%) |
#1A4FB5 |
rgb(26,79,181) |
hsl(219,75%,41%) |
#143D8A |
rgb(20,61,138) |
hsl(219,75%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#4C80E5 |
rgb(76,128,229) |
hsl(220,75%,60%) |
#E5634C |
rgb(229,99,76) |
hsl(9,75%,60%) |
#CCE64C |
rgb(204,230,76) |
hsl(70,75%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4C80E5 |
rgb(76,128,229) |
hsl(220,75%,60%) |
#E5B04C |
rgb(229,176,76) |
hsl(39,75%,60%) |
#4CCCE5 |
rgb(76,204,229) |
hsl(190,75%,60%) |
#CCE64C |
rgb(204,230,76) |
hsl(70,75%,60%) |