HEX #5A7AE6 color — Royal Blue
The color #5A7AE6 is a dark shade and moderately saturated.
Palette
5A7AE6 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fe |
rgb(246,248,254) |
hsl(226,74%,98%) |
#e0e6fa |
rgb(224,230,250) |
hsl(226,74%,93%) |
#cad4f7 |
rgb(202,212,247) |
hsl(226,74%,88%) |
#b4c3f4 |
rgb(180,195,244) |
hsl(226,74%,83%) |
#9db1f0 |
rgb(157,177,240) |
hsl(226,74%,78%) |
#879fed |
rgb(135,159,237) |
hsl(226,74%,73%) |
#718dea |
rgb(113,141,234) |
hsl(226,74%,68%) |
#5b7be6 |
rgb(91,123,230) |
hsl(226,74%,63%) |
#456ae3 |
rgb(69,106,227) |
hsl(226,74%,58%) |
#2e58e0 |
rgb(46,88,224) |
hsl(226,74%,53%) |
#204ad5 |
rgb(32,74,213) |
hsl(226,74%,48%) |
#1d42bf |
rgb(29,66,191) |
hsl(226,74%,43%) |
#193ba9 |
rgb(25,59,169) |
hsl(226,74%,38%) |
#163392 |
rgb(22,51,146) |
hsl(226,74%,33%) |
#132b7c |
rgb(19,43,124) |
hsl(226,74%,28%) |
#0f2466 |
rgb(15,36,102) |
hsl(226,74%,23%) |
#0c1c50 |
rgb(12,28,80) |
hsl(226,74%,18%) |
#09143a |
rgb(9,20,58) |
hsl(226,74%,13%) |
#050c23 |
rgb(5,12,35) |
hsl(226,74%,8%) |
#02050d |
rgb(2,5,13) |
hsl(226,74%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AD6E6 |
rgb(90,214,230) |
hsl(187,74%,63%) |
#5A7AE6 |
rgb(90,122,230) |
hsl(226,74%,63%) |
#9759E6 |
rgb(151,89,230) |
hsl(266,74%,63%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DFE6FA |
rgb(223,230,250) |
hsl(224,73%,93%) |
#B2C2F3 |
rgb(178,194,243) |
hsl(225,73%,83%) |
#869EEC |
rgb(134,158,236) |
hsl(226,73%,73%) |
#5A7AE6 |
rgb(90,122,230) |
hsl(226,74%,63%) |
#2D57DF |
rgb(45,87,223) |
hsl(226,74%,53%) |
#1C42BC |
rgb(28,66,188) |
hsl(226,74%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A7AE6 |
rgb(90,122,230) |
hsl(226,74%,63%) |
#E6805A |
rgb(230,128,90) |
hsl(16,74%,63%) |
#C0E65A |
rgb(192,230,90) |
hsl(76,74%,63%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A7AE6 |
rgb(90,122,230) |
hsl(226,74%,63%) |
#E6C75A |
rgb(230,199,90) |
hsl(47,74%,63%) |
#5ABFE6 |
rgb(90,191,230) |
hsl(197,74%,63%) |
#C0E65A |
rgb(192,230,90) |
hsl(76,74%,63%) |