HEX #5A6ED6 color — Havelock Blue
The color #5A6ED6 is a dark shade and moderately saturated.
Palette
5A6ED6 color palette from light to dark
HEX |
RGB |
HSL |
#ebedfa |
rgb(235,237,250) |
hsl(230,60%,95%) |
#d6dbf5 |
rgb(214,219,245) |
hsl(230,60%,90%) |
#c2c9f0 |
rgb(194,201,240) |
hsl(230,60%,85%) |
#adb8eb |
rgb(173,184,235) |
hsl(230,60%,80%) |
#99a6e6 |
rgb(153,166,230) |
hsl(230,60%,75%) |
#8594e0 |
rgb(133,148,224) |
hsl(230,60%,70%) |
#7082db |
rgb(112,130,219) |
hsl(230,60%,65%) |
#5c70d6 |
rgb(92,112,214) |
hsl(230,60%,60%) |
#475ed1 |
rgb(71,94,209) |
hsl(230,60%,55%) |
#334dcc |
rgb(51,77,204) |
hsl(230,60%,50%) |
#2e45b8 |
rgb(46,69,184) |
hsl(230,60%,45%) |
#293da3 |
rgb(41,61,163) |
hsl(230,60%,40%) |
#24368f |
rgb(36,54,143) |
hsl(230,60%,35%) |
#1f2e7a |
rgb(31,46,122) |
hsl(230,60%,30%) |
#1a2666 |
rgb(26,38,102) |
hsl(230,60%,25%) |
#141f52 |
rgb(20,31,82) |
hsl(230,60%,20%) |
#0f173d |
rgb(15,23,61) |
hsl(230,60%,15%) |
#0a0f29 |
rgb(10,15,41) |
hsl(230,60%,10%) |
#050814 |
rgb(5,8,20) |
hsl(230,60%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AC2D6 |
rgb(90,194,214) |
hsl(190,60%,60%) |
#5A6ED6 |
rgb(90,110,214) |
hsl(230,60%,60%) |
#9859D6 |
rgb(152,89,214) |
hsl(270,60%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A7B3E9 |
rgb(167,179,233) |
hsl(229,60%,78%) |
#8091DF |
rgb(128,145,223) |
hsl(229,60%,69%) |
#5A6ED6 |
rgb(90,110,214) |
hsl(230,60%,60%) |
#334DCC |
rgb(51,77,204) |
hsl(230,60%,50%) |
#293DA5 |
rgb(41,61,165) |
hsl(230,60%,40%) |
#1F2E7E |
rgb(31,46,126) |
hsl(231,61%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A6ED6 |
rgb(90,110,214) |
hsl(230,60%,60%) |
#D6855A |
rgb(214,133,90) |
hsl(21,60%,60%) |
#ACD65A |
rgb(172,214,90) |
hsl(80,60%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A6ED6 |
rgb(90,110,214) |
hsl(230,60%,60%) |
#D6C25A |
rgb(214,194,90) |
hsl(50,60%,60%) |
#5AABD6 |
rgb(90,171,214) |
hsl(201,60%,60%) |
#ACD65A |
rgb(172,214,90) |
hsl(80,60%,60%) |