HEX #557FD3 color — Havelock Blue
The color #557fd3 is a dark shade and moderately saturated.
Palette
557fd3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(220,59%,98%) |
#e3eaf8 |
rgb(227,234,248) |
hsl(220,59%,93%) |
#cedaf2 |
rgb(206,218,242) |
hsl(220,59%,88%) |
#bacbed |
rgb(186,203,237) |
hsl(220,59%,83%) |
#a6bce8 |
rgb(166,188,232) |
hsl(220,59%,78%) |
#92ade3 |
rgb(146,173,227) |
hsl(220,59%,73%) |
#7d9dde |
rgb(125,157,222) |
hsl(220,59%,68%) |
#698ed8 |
rgb(105,142,216) |
hsl(220,59%,63%) |
#557fd3 |
rgb(85,127,211) |
hsl(220,59%,58%) |
#4070ce |
rgb(64,112,206) |
hsl(220,59%,53%) |
#3262c3 |
rgb(50,98,195) |
hsl(220,59%,48%) |
#2d58ae |
rgb(45,88,174) |
hsl(220,59%,43%) |
#284e9a |
rgb(40,78,154) |
hsl(220,59%,38%) |
#234486 |
rgb(35,68,134) |
hsl(220,59%,33%) |
#1d3972 |
rgb(29,57,114) |
hsl(220,59%,28%) |
#182f5d |
rgb(24,47,93) |
hsl(220,59%,23%) |
#132549 |
rgb(19,37,73) |
hsl(220,59%,18%) |
#0e1b35 |
rgb(14,27,53) |
hsl(220,59%,13%) |
#081020 |
rgb(8,16,32) |
hsl(220,59%,8%) |
#03060c |
rgb(3,6,12) |
hsl(220,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#55D4D3 |
rgb(85,212,211) |
hsl(180,60%,58%) |
#557FD3 |
rgb(85,127,211) |
hsl(220,59%,58%) |
#7F54D3 |
rgb(127,84,211) |
hsl(260,59%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A0B8E6 |
rgb(160,184,230) |
hsl(219,58%,76%) |
#7A9CDC |
rgb(122,156,220) |
hsl(219,58%,67%) |
#557FD3 |
rgb(85,127,211) |
hsl(220,59%,58%) |
#3363C5 |
rgb(51,99,197) |
hsl(220,59%,49%) |
#29529F |
rgb(41,82,159) |
hsl(219,59%,39%) |
#1F3D7A |
rgb(31,61,122) |
hsl(220,59%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#557FD3 |
rgb(85,127,211) |
hsl(220,59%,58%) |
#D36B55 |
rgb(211,107,85) |
hsl(10,59%,58%) |
#BED455 |
rgb(190,212,85) |
hsl(70,60%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#557FD3 |
rgb(85,127,211) |
hsl(220,59%,58%) |
#D3A855 |
rgb(211,168,85) |
hsl(40,59%,58%) |
#55BFD3 |
rgb(85,191,211) |
hsl(190,59%,58%) |
#BED455 |
rgb(190,212,85) |
hsl(70,60%,58%) |