HEX #4C7AE4 color — Royal Blue
The color #4C7AE4 is a dark shade and moderately saturated.
Palette
4C7AE4 color palette from light to dark
HEX |
RGB |
HSL |
#e9eefc |
rgb(233,238,252) |
hsl(222,74%,95%) |
#d3def8 |
rgb(211,222,248) |
hsl(222,74%,90%) |
#bccdf5 |
rgb(188,205,245) |
hsl(222,74%,85%) |
#a6bdf2 |
rgb(166,189,242) |
hsl(222,74%,80%) |
#90acee |
rgb(144,172,238) |
hsl(222,74%,75%) |
#7a9ceb |
rgb(122,156,235) |
hsl(222,74%,70%) |
#648be8 |
rgb(100,139,232) |
hsl(222,74%,65%) |
#4e7be4 |
rgb(78,123,228) |
hsl(222,74%,60%) |
#376ae1 |
rgb(55,106,225) |
hsl(222,74%,55%) |
#215ade |
rgb(33,90,222) |
hsl(222,74%,50%) |
#1e51c8 |
rgb(30,81,200) |
hsl(222,74%,45%) |
#1b48b1 |
rgb(27,72,177) |
hsl(222,74%,40%) |
#173f9b |
rgb(23,63,155) |
hsl(222,74%,35%) |
#143685 |
rgb(20,54,133) |
hsl(222,74%,30%) |
#112d6f |
rgb(17,45,111) |
hsl(222,74%,25%) |
#0d2459 |
rgb(13,36,89) |
hsl(222,74%,20%) |
#0a1b43 |
rgb(10,27,67) |
hsl(222,74%,15%) |
#07122c |
rgb(7,18,44) |
hsl(222,74%,10%) |
#030916 |
rgb(3,9,22) |
hsl(222,74%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#4CE0E4 |
rgb(76,224,228) |
hsl(182,74%,60%) |
#4C7AE4 |
rgb(76,122,228) |
hsl(222,74%,60%) |
#834DE4 |
rgb(131,77,228) |
hsl(261,74%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A0B8F0 |
rgb(160,184,240) |
hsl(222,73%,78%) |
#7699EA |
rgb(118,153,234) |
hsl(222,73%,69%) |
#4C7AE4 |
rgb(76,122,228) |
hsl(222,74%,60%) |
#215CDD |
rgb(33,92,221) |
hsl(221,74%,50%) |
#1B4AB3 |
rgb(27,74,179) |
hsl(221,74%,40%) |
#143889 |
rgb(20,56,137) |
hsl(222,75%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#4C7AE4 |
rgb(76,122,228) |
hsl(222,74%,60%) |
#E46B4C |
rgb(228,107,76) |
hsl(12,74%,60%) |
#C6E34C |
rgb(198,227,76) |
hsl(72,73%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4C7AE4 |
rgb(76,122,228) |
hsl(222,74%,60%) |
#E4B54C |
rgb(228,181,76) |
hsl(41,74%,60%) |
#4CC7E4 |
rgb(76,199,228) |
hsl(191,74%,60%) |
#C6E34C |
rgb(198,227,76) |
hsl(72,73%,59%) |