HEX #5B8AD6 color — Havelock Blue
The color #5B8AD6 is a light shade and moderately saturated.
Palette
5B8AD6 color palette from light to dark
HEX |
RGB |
HSL |
#ebf0fa |
rgb(235,240,250) |
hsl(217,60%,95%) |
#d6e2f5 |
rgb(214,226,245) |
hsl(217,60%,90%) |
#c2d3f0 |
rgb(194,211,240) |
hsl(217,60%,85%) |
#adc5eb |
rgb(173,197,235) |
hsl(217,60%,80%) |
#99b6e6 |
rgb(153,182,230) |
hsl(217,60%,75%) |
#85a8e0 |
rgb(133,168,224) |
hsl(217,60%,70%) |
#7099db |
rgb(112,153,219) |
hsl(217,60%,65%) |
#5c8bd6 |
rgb(92,139,214) |
hsl(217,60%,60%) |
#477cd1 |
rgb(71,124,209) |
hsl(217,60%,55%) |
#336ecc |
rgb(51,110,204) |
hsl(217,60%,50%) |
#2e63b8 |
rgb(46,99,184) |
hsl(217,60%,45%) |
#2958a3 |
rgb(41,88,163) |
hsl(217,60%,40%) |
#244d8f |
rgb(36,77,143) |
hsl(217,60%,35%) |
#1f427a |
rgb(31,66,122) |
hsl(217,60%,30%) |
#1a3766 |
rgb(26,55,102) |
hsl(217,60%,25%) |
#142c52 |
rgb(20,44,82) |
hsl(217,60%,20%) |
#0f213d |
rgb(15,33,61) |
hsl(217,60%,15%) |
#0a1629 |
rgb(10,22,41) |
hsl(217,60%,10%) |
#050b14 |
rgb(5,11,20) |
hsl(217,60%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BD6D0 |
rgb(91,214,208) |
hsl(177,60%,60%) |
#5B8AD6 |
rgb(91,138,214) |
hsl(217,60%,60%) |
#7E5CD6 |
rgb(126,92,214) |
hsl(257,60%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A9C2E9 |
rgb(169,194,233) |
hsl(217,59%,79%) |
#82A6DF |
rgb(130,166,223) |
hsl(217,59%,69%) |
#5B8AD6 |
rgb(91,138,214) |
hsl(217,60%,60%) |
#336ECC |
rgb(51,110,204) |
hsl(217,60%,50%) |
#2959A5 |
rgb(41,89,165) |
hsl(217,60%,40%) |
#1F457E |
rgb(31,69,126) |
hsl(216,61%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B8AD6 |
rgb(91,138,214) |
hsl(217,60%,60%) |
#D6695B |
rgb(214,105,91) |
hsl(7,60%,60%) |
#C7D65B |
rgb(199,214,91) |
hsl(67,60%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B8AD6 |
rgb(91,138,214) |
hsl(217,60%,60%) |
#D6A65B |
rgb(214,166,91) |
hsl(37,60%,60%) |
#5BC7D6 |
rgb(91,199,214) |
hsl(187,60%,60%) |
#C7D65B |
rgb(199,214,91) |
hsl(67,60%,60%) |