HEX #556AA5 color — Waikawa Gray
The color #556aa5 is a dark shade and slightly desaturated.
Palette
556aa5 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(224,32%,99%) |
#ebedf5 |
rgb(235,237,245) |
hsl(224,32%,94%) |
#dadfec |
rgb(218,223,236) |
hsl(224,32%,89%) |
#c9d0e3 |
rgb(201,208,227) |
hsl(224,32%,84%) |
#b8c1db |
rgb(184,193,219) |
hsl(224,32%,79%) |
#a7b3d2 |
rgb(167,179,210) |
hsl(224,32%,74%) |
#97a4c9 |
rgb(151,164,201) |
hsl(224,32%,69%) |
#8695c1 |
rgb(134,149,193) |
hsl(224,32%,64%) |
#7587b8 |
rgb(117,135,184) |
hsl(224,32%,59%) |
#6478af |
rgb(100,120,175) |
hsl(224,32%,54%) |
#556aa5 |
rgb(85,106,165) |
hsl(224,32%,49%) |
#4c5f94 |
rgb(76,95,148) |
hsl(224,32%,44%) |
#445583 |
rgb(68,85,131) |
hsl(224,32%,39%) |
#3b4a72 |
rgb(59,74,114) |
hsl(224,32%,34%) |
#323f62 |
rgb(50,63,98) |
hsl(224,32%,29%) |
#2a3451 |
rgb(42,52,81) |
hsl(224,32%,24%) |
#212940 |
rgb(33,41,64) |
hsl(224,32%,19%) |
#181e2f |
rgb(24,30,47) |
hsl(224,32%,14%) |
#10141e |
rgb(16,20,30) |
hsl(224,32%,9%) |
#07090d |
rgb(7,9,13) |
hsl(224,32%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#559EA5 |
rgb(85,158,165) |
hsl(185,32%,49%) |
#556AA5 |
rgb(85,106,165) |
hsl(224,32%,49%) |
#7554A5 |
rgb(117,84,165) |
hsl(264,33%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8896C1 |
rgb(136,150,193) |
hsl(225,31%,65%) |
#6D80B4 |
rgb(109,128,180) |
hsl(224,32%,57%) |
#556AA5 |
rgb(85,106,165) |
hsl(224,32%,49%) |
#47598A |
rgb(71,89,138) |
hsl(224,32%,41%) |
#394770 |
rgb(57,71,112) |
hsl(225,33%,33%) |
#2C3855 |
rgb(44,56,85) |
hsl(222,32%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#556AA5 |
rgb(85,106,165) |
hsl(224,32%,49%) |
#A56955 |
rgb(165,105,85) |
hsl(15,32%,49%) |
#92A655 |
rgb(146,166,85) |
hsl(75,32%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556AA5 |
rgb(85,106,165) |
hsl(224,32%,49%) |
#A58F55 |
rgb(165,143,85) |
hsl(44,32%,49%) |
#5591A5 |
rgb(85,145,165) |
hsl(195,32%,49%) |
#92A655 |
rgb(146,166,85) |
hsl(75,32%,49%) |