HEX #557DDB color — Havelock Blue
The color #557DDB is a dark shade and moderately saturated.
Palette
557DDB color palette from light to dark
HEX |
RGB |
HSL |
#eaeffb |
rgb(234,239,251) |
hsl(222,65%,95%) |
#d5dff6 |
rgb(213,223,246) |
hsl(222,65%,90%) |
#c0cff2 |
rgb(192,207,242) |
hsl(222,65%,85%) |
#abbfed |
rgb(171,191,237) |
hsl(222,65%,80%) |
#96afe9 |
rgb(150,175,233) |
hsl(222,65%,75%) |
#819fe4 |
rgb(129,159,228) |
hsl(222,65%,70%) |
#6c8fe0 |
rgb(108,143,224) |
hsl(222,65%,65%) |
#577edb |
rgb(87,126,219) |
hsl(222,65%,60%) |
#426ed7 |
rgb(66,110,215) |
hsl(222,65%,55%) |
#2d5ed2 |
rgb(45,94,210) |
hsl(222,65%,50%) |
#2855bd |
rgb(40,85,189) |
hsl(222,65%,45%) |
#244ba8 |
rgb(36,75,168) |
hsl(222,65%,40%) |
#1f4293 |
rgb(31,66,147) |
hsl(222,65%,35%) |
#1b397e |
rgb(27,57,126) |
hsl(222,65%,30%) |
#162f69 |
rgb(22,47,105) |
hsl(222,65%,25%) |
#122654 |
rgb(18,38,84) |
hsl(222,65%,20%) |
#0d1c3f |
rgb(13,28,63) |
hsl(222,65%,15%) |
#09132a |
rgb(9,19,42) |
hsl(222,65%,10%) |
#040915 |
rgb(4,9,21) |
hsl(222,65%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55D6DB |
rgb(85,214,219) |
hsl(182,65%,60%) |
#557DDB |
rgb(85,125,219) |
hsl(222,65%,60%) |
#8654DB |
rgb(134,84,219) |
hsl(262,65%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A5BAEC |
rgb(165,186,236) |
hsl(222,65%,79%) |
#7D9CE3 |
rgb(125,156,227) |
hsl(222,65%,69%) |
#557DDB |
rgb(85,125,219) |
hsl(222,65%,60%) |
#2C5ED2 |
rgb(44,94,210) |
hsl(222,65%,50%) |
#244DAA |
rgb(36,77,170) |
hsl(222,65%,40%) |
#1B3B82 |
rgb(27,59,130) |
hsl(221,66%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#557DDB |
rgb(85,125,219) |
hsl(222,65%,60%) |
#DB7055 |
rgb(219,112,85) |
hsl(12,65%,60%) |
#C0DB55 |
rgb(192,219,85) |
hsl(72,65%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#557DDB |
rgb(85,125,219) |
hsl(222,65%,60%) |
#DBB355 |
rgb(219,179,85) |
hsl(42,65%,60%) |
#55BFDB |
rgb(85,191,219) |
hsl(193,65%,60%) |
#C0DB55 |
rgb(192,219,85) |
hsl(72,65%,60%) |