HEX #556B88 color — Blue Bayoux
The color #556B88 is a dark shade and slightly desaturated.
Palette
556B88 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(214,23%,98%) |
#e9edf1 |
rgb(233,237,241) |
hsl(214,23%,93%) |
#d9dfe7 |
rgb(217,223,231) |
hsl(214,23%,88%) |
#cad2de |
rgb(202,210,222) |
hsl(214,23%,83%) |
#bac5d4 |
rgb(186,197,212) |
hsl(214,23%,78%) |
#aab8ca |
rgb(170,184,202) |
hsl(214,23%,73%) |
#9babc0 |
rgb(155,171,192) |
hsl(214,23%,68%) |
#8b9eb6 |
rgb(139,158,182) |
hsl(214,23%,63%) |
#7b91ad |
rgb(123,145,173) |
hsl(214,23%,58%) |
#6c83a3 |
rgb(108,131,163) |
hsl(214,23%,53%) |
#5e7797 |
rgb(94,119,151) |
hsl(214,23%,48%) |
#546a87 |
rgb(84,106,135) |
hsl(214,23%,43%) |
#4b5e77 |
rgb(75,94,119) |
hsl(214,23%,38%) |
#415268 |
rgb(65,82,104) |
hsl(214,23%,33%) |
#374558 |
rgb(55,69,88) |
hsl(214,23%,28%) |
#2d3948 |
rgb(45,57,72) |
hsl(214,23%,23%) |
#232c38 |
rgb(35,44,56) |
hsl(214,23%,18%) |
#1a2029 |
rgb(26,32,41) |
hsl(214,23%,13%) |
#101419 |
rgb(16,20,25) |
hsl(214,23%,8%) |
#060709 |
rgb(6,7,9) |
hsl(214,23%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#558783 |
rgb(85,135,131) |
hsl(175,23%,43%) |
#556B88 |
rgb(85,107,136) |
hsl(214,23%,43%) |
#615488 |
rgb(97,84,136) |
hsl(255,24%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#788FAB |
rgb(120,143,171) |
hsl(213,23%,57%) |
#627D9D |
rgb(98,125,157) |
hsl(213,23%,50%) |
#556B88 |
rgb(85,107,136) |
hsl(214,23%,43%) |
#475972 |
rgb(71,89,114) |
hsl(215,23%,36%) |
#394A5C |
rgb(57,74,92) |
hsl(211,23%,29%) |
#2C3846 |
rgb(44,56,70) |
hsl(212,23%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#556B88 |
rgb(85,107,136) |
hsl(214,23%,43%) |
#885955 |
rgb(136,89,85) |
hsl(5,23%,43%) |
#848755 |
rgb(132,135,85) |
hsl(64,23%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556B88 |
rgb(85,107,136) |
hsl(214,23%,43%) |
#887355 |
rgb(136,115,85) |
hsl(35,23%,43%) |
#558588 |
rgb(85,133,136) |
hsl(184,23%,43%) |
#848755 |
rgb(132,135,85) |
hsl(64,23%,43%) |