HEX #5A78E7 color — Royal Blue
The color #5A78E7 is a dark shade and moderately saturated.
Palette
5A78E7 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fe |
rgb(246,248,254) |
hsl(227,75%,98%) |
#e0e6fb |
rgb(224,230,251) |
hsl(227,75%,93%) |
#c9d3f7 |
rgb(201,211,247) |
hsl(227,75%,88%) |
#b3c1f4 |
rgb(179,193,244) |
hsl(227,75%,83%) |
#9daff1 |
rgb(157,175,241) |
hsl(227,75%,78%) |
#879dee |
rgb(135,157,238) |
hsl(227,75%,73%) |
#708beb |
rgb(112,139,235) |
hsl(227,75%,68%) |
#5a79e7 |
rgb(90,121,231) |
hsl(227,75%,63%) |
#4466e4 |
rgb(68,102,228) |
hsl(227,75%,58%) |
#2d54e1 |
rgb(45,84,225) |
hsl(227,75%,53%) |
#1f46d6 |
rgb(31,70,214) |
hsl(227,75%,48%) |
#1b3fc0 |
rgb(27,63,192) |
hsl(227,75%,43%) |
#1838aa |
rgb(24,56,170) |
hsl(227,75%,38%) |
#153093 |
rgb(21,48,147) |
hsl(227,75%,33%) |
#12297d |
rgb(18,41,125) |
hsl(227,75%,28%) |
#0f2267 |
rgb(15,34,103) |
hsl(227,75%,23%) |
#0b1a50 |
rgb(11,26,80) |
hsl(227,75%,18%) |
#08133a |
rgb(8,19,58) |
hsl(227,75%,13%) |
#050c24 |
rgb(5,12,36) |
hsl(227,75%,8%) |
#02040d |
rgb(2,4,13) |
hsl(227,75%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AD6E7 |
rgb(90,214,231) |
hsl(187,75%,63%) |
#5A78E7 |
rgb(90,120,231) |
hsl(227,75%,63%) |
#9A59E7 |
rgb(154,89,231) |
hsl(267,75%,63%) |
Monochromatic colors
HEX |
RGB |
HSL |
#E0E6FA |
rgb(224,230,250) |
hsl(226,72%,93%) |
#B3C2F4 |
rgb(179,194,244) |
hsl(226,75%,83%) |
#869CED |
rgb(134,156,237) |
hsl(227,74%,73%) |
#5A78E7 |
rgb(90,120,231) |
hsl(227,75%,63%) |
#2D54E0 |
rgb(45,84,224) |
hsl(227,74%,53%) |
#1B3DBE |
rgb(27,61,190) |
hsl(227,75%,43%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A78E7 |
rgb(90,120,231) |
hsl(227,75%,63%) |
#E7825A |
rgb(231,130,90) |
hsl(17,75%,63%) |
#BEE85A |
rgb(190,232,90) |
hsl(78,76%,63%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A78E7 |
rgb(90,120,231) |
hsl(227,75%,63%) |
#E7C95A |
rgb(231,201,90) |
hsl(47,75%,63%) |
#5ABFE7 |
rgb(90,191,231) |
hsl(197,75%,63%) |
#BEE85A |
rgb(190,232,90) |
hsl(78,76%,63%) |