HEX #5B85D6 color — Havelock Blue
The color #5B85D6 is a light shade and moderately saturated.
Palette
5B85D6 color palette from light to dark
HEX |
RGB |
HSL |
#ebf0fa |
rgb(235,240,250) |
hsl(220,60%,95%) |
#d6e0f5 |
rgb(214,224,245) |
hsl(220,60%,90%) |
#c2d1f0 |
rgb(194,209,240) |
hsl(220,60%,85%) |
#adc2eb |
rgb(173,194,235) |
hsl(220,60%,80%) |
#99b3e6 |
rgb(153,179,230) |
hsl(220,60%,75%) |
#85a3e0 |
rgb(133,163,224) |
hsl(220,60%,70%) |
#7094db |
rgb(112,148,219) |
hsl(220,60%,65%) |
#5c85d6 |
rgb(92,133,214) |
hsl(220,60%,60%) |
#4775d1 |
rgb(71,117,209) |
hsl(220,60%,55%) |
#3366cc |
rgb(51,102,204) |
hsl(220,60%,50%) |
#2e5cb8 |
rgb(46,92,184) |
hsl(220,60%,45%) |
#2952a3 |
rgb(41,82,163) |
hsl(220,60%,40%) |
#24478f |
rgb(36,71,143) |
hsl(220,60%,35%) |
#1f3d7a |
rgb(31,61,122) |
hsl(220,60%,30%) |
#1a3366 |
rgb(26,51,102) |
hsl(220,60%,25%) |
#142952 |
rgb(20,41,82) |
hsl(220,60%,20%) |
#0f1f3d |
rgb(15,31,61) |
hsl(220,60%,15%) |
#0a1429 |
rgb(10,20,41) |
hsl(220,60%,10%) |
#050a14 |
rgb(5,10,20) |
hsl(220,60%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BD6D5 |
rgb(91,214,213) |
hsl(180,60%,60%) |
#5B85D6 |
rgb(91,133,214) |
hsl(220,60%,60%) |
#835CD6 |
rgb(131,92,214) |
hsl(259,60%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A9BFE9 |
rgb(169,191,233) |
hsl(219,59%,79%) |
#82A3DF |
rgb(130,163,223) |
hsl(219,59%,69%) |
#5B85D6 |
rgb(91,133,214) |
hsl(220,60%,60%) |
#3369CC |
rgb(51,105,204) |
hsl(219,60%,50%) |
#2954A5 |
rgb(41,84,165) |
hsl(219,60%,40%) |
#1F407E |
rgb(31,64,126) |
hsl(219,61%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B85D6 |
rgb(91,133,214) |
hsl(220,60%,60%) |
#D66E5B |
rgb(214,110,91) |
hsl(9,60%,60%) |
#C2D65B |
rgb(194,214,91) |
hsl(70,60%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B85D6 |
rgb(91,133,214) |
hsl(220,60%,60%) |
#D6AB5B |
rgb(214,171,91) |
hsl(39,60%,60%) |
#5BC2D6 |
rgb(91,194,214) |
hsl(190,60%,60%) |
#C2D65B |
rgb(194,214,91) |
hsl(70,60%,60%) |