HEX #4F70E5 color — Royal Blue
The color #4F70E5 is a dark shade and moderately saturated.
Palette
4F70E5 color palette from light to dark
HEX |
RGB |
HSL |
#e9edfc |
rgb(233,237,252) |
hsl(227,74%,95%) |
#d3dbf8 |
rgb(211,219,248) |
hsl(227,74%,90%) |
#bcc9f5 |
rgb(188,201,245) |
hsl(227,74%,85%) |
#a6b7f2 |
rgb(166,183,242) |
hsl(227,74%,80%) |
#90a5ee |
rgb(144,165,238) |
hsl(227,74%,75%) |
#7a92eb |
rgb(122,146,235) |
hsl(227,74%,70%) |
#6480e8 |
rgb(100,128,232) |
hsl(227,74%,65%) |
#4e6ee4 |
rgb(78,110,228) |
hsl(227,74%,60%) |
#375ce1 |
rgb(55,92,225) |
hsl(227,74%,55%) |
#214ade |
rgb(33,74,222) |
hsl(227,74%,50%) |
#1e43c8 |
rgb(30,67,200) |
hsl(227,74%,45%) |
#1b3bb1 |
rgb(27,59,177) |
hsl(227,74%,40%) |
#17349b |
rgb(23,52,155) |
hsl(227,74%,35%) |
#142c85 |
rgb(20,44,133) |
hsl(227,74%,30%) |
#11256f |
rgb(17,37,111) |
hsl(227,74%,25%) |
#0d1e59 |
rgb(13,30,89) |
hsl(227,74%,20%) |
#0a1643 |
rgb(10,22,67) |
hsl(227,74%,15%) |
#070f2c |
rgb(7,15,44) |
hsl(227,74%,10%) |
#030716 |
rgb(3,7,22) |
hsl(227,74%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#4FD4E5 |
rgb(79,212,229) |
hsl(187,74%,60%) |
#4F70E5 |
rgb(79,112,229) |
hsl(227,74%,60%) |
#924FE5 |
rgb(146,79,229) |
hsl(267,74%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#CFD9F8 |
rgb(207,217,248) |
hsl(225,75%,89%) |
#A4B5F1 |
rgb(164,181,241) |
hsl(227,73%,79%) |
#7994EB |
rgb(121,148,235) |
hsl(226,74%,70%) |
#4F70E5 |
rgb(79,112,229) |
hsl(227,74%,60%) |
#244DDE |
rgb(36,77,222) |
hsl(227,74%,51%) |
#1A3DB6 |
rgb(26,61,182) |
hsl(227,75%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#4F70E5 |
rgb(79,112,229) |
hsl(227,74%,60%) |
#E5784F |
rgb(229,120,79) |
hsl(16,74%,60%) |
#BBE64F |
rgb(187,230,79) |
hsl(77,75%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4F70E5 |
rgb(79,112,229) |
hsl(227,74%,60%) |
#E5C44F |
rgb(229,196,79) |
hsl(47,74%,60%) |
#4FBAE5 |
rgb(79,186,229) |
hsl(197,74%,60%) |
#BBE64F |
rgb(187,230,79) |
hsl(77,75%,61%) |