HEX #657AAC color — Waikawa Gray
The color #657AAC is a dark shade and slightly desaturated.
Palette
657AAC color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(222,30%,99%) |
#ebeef4 |
rgb(235,238,244) |
hsl(222,30%,94%) |
#dbe0eb |
rgb(219,224,235) |
hsl(222,30%,89%) |
#cad1e2 |
rgb(202,209,226) |
hsl(222,30%,84%) |
#b9c3da |
rgb(185,195,218) |
hsl(222,30%,79%) |
#a9b5d1 |
rgb(169,181,209) |
hsl(222,30%,74%) |
#98a6c8 |
rgb(152,166,200) |
hsl(222,30%,69%) |
#8898bf |
rgb(136,152,191) |
hsl(222,30%,64%) |
#778ab6 |
rgb(119,138,182) |
hsl(222,30%,59%) |
#677cad |
rgb(103,124,173) |
hsl(222,30%,54%) |
#576ea2 |
rgb(87,110,162) |
hsl(222,30%,49%) |
#4f6392 |
rgb(79,99,146) |
hsl(222,30%,44%) |
#465881 |
rgb(70,88,129) |
hsl(222,30%,39%) |
#3d4c71 |
rgb(61,76,113) |
hsl(222,30%,34%) |
#344160 |
rgb(52,65,96) |
hsl(222,30%,29%) |
#2b3650 |
rgb(43,54,80) |
hsl(222,30%,24%) |
#222b3f |
rgb(34,43,63) |
hsl(222,30%,19%) |
#191f2e |
rgb(25,31,46) |
hsl(222,30%,14%) |
#10141e |
rgb(16,20,30) |
hsl(222,30%,9%) |
#07090d |
rgb(7,9,13) |
hsl(222,30%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#65A8AC |
rgb(101,168,172) |
hsl(183,30%,54%) |
#657AAC |
rgb(101,122,172) |
hsl(222,30%,54%) |
#7F66AC |
rgb(127,102,172) |
hsl(261,30%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9DABCA |
rgb(157,171,202) |
hsl(221,30%,70%) |
#8191BB |
rgb(129,145,187) |
hsl(223,30%,62%) |
#657AAC |
rgb(101,122,172) |
hsl(222,30%,54%) |
#506395 |
rgb(80,99,149) |
hsl(223,30%,45%) |
#415278 |
rgb(65,82,120) |
hsl(221,30%,36%) |
#313D5C |
rgb(49,61,92) |
hsl(223,30%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#657AAC |
rgb(101,122,172) |
hsl(222,30%,54%) |
#AC7365 |
rgb(172,115,101) |
hsl(12,30%,54%) |
#9DAB65 |
rgb(157,171,101) |
hsl(72,29%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#657AAC |
rgb(101,122,172) |
hsl(222,30%,54%) |
#AC9665 |
rgb(172,150,101) |
hsl(41,30%,54%) |
#659EAC |
rgb(101,158,172) |
hsl(192,30%,54%) |
#9DAB65 |
rgb(157,171,101) |
hsl(72,29%,53%) |