HEX #677AAC color — Waikawa Gray
The color #677AAC is a dark shade and slightly desaturated.
Palette
677AAC color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(223,29%,99%) |
#ebeef4 |
rgb(235,238,244) |
hsl(223,29%,94%) |
#dbdfeb |
rgb(219,223,235) |
hsl(223,29%,89%) |
#cad1e2 |
rgb(202,209,226) |
hsl(223,29%,84%) |
#bac3d9 |
rgb(186,195,217) |
hsl(223,29%,79%) |
#a9b4d0 |
rgb(169,180,208) |
hsl(223,29%,74%) |
#99a6c7 |
rgb(153,166,199) |
hsl(223,29%,69%) |
#8998be |
rgb(137,152,190) |
hsl(223,29%,64%) |
#7889b5 |
rgb(120,137,181) |
hsl(223,29%,59%) |
#687bac |
rgb(104,123,172) |
hsl(223,29%,54%) |
#596da1 |
rgb(89,109,161) |
hsl(223,29%,49%) |
#506291 |
rgb(80,98,145) |
hsl(223,29%,44%) |
#475780 |
rgb(71,87,128) |
hsl(223,29%,39%) |
#3e4c70 |
rgb(62,76,112) |
hsl(223,29%,34%) |
#35415f |
rgb(53,65,95) |
hsl(223,29%,29%) |
#2b364f |
rgb(43,54,79) |
hsl(223,29%,24%) |
#222a3f |
rgb(34,42,63) |
hsl(223,29%,19%) |
#191f2e |
rgb(25,31,46) |
hsl(223,29%,14%) |
#10141e |
rgb(16,20,30) |
hsl(223,29%,9%) |
#07090d |
rgb(7,9,13) |
hsl(223,29%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#67A8AC |
rgb(103,168,172) |
hsl(183,29%,54%) |
#677AAC |
rgb(103,122,172) |
hsl(223,29%,54%) |
#8266AC |
rgb(130,102,172) |
hsl(264,30%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FABCB |
rgb(159,171,203) |
hsl(224,30%,71%) |
#8394BB |
rgb(131,148,187) |
hsl(222,29%,62%) |
#677AAC |
rgb(103,122,172) |
hsl(223,29%,54%) |
#516395 |
rgb(81,99,149) |
hsl(224,30%,45%) |
#425278 |
rgb(66,82,120) |
hsl(222,29%,36%) |
#323D5C |
rgb(50,61,92) |
hsl(224,30%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#677AAC |
rgb(103,122,172) |
hsl(223,29%,54%) |
#AC7567 |
rgb(172,117,103) |
hsl(12,29%,54%) |
#9CAB67 |
rgb(156,171,103) |
hsl(73,29%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#677AAC |
rgb(103,122,172) |
hsl(223,29%,54%) |
#AC9967 |
rgb(172,153,103) |
hsl(43,29%,54%) |
#679CAC |
rgb(103,156,172) |
hsl(194,29%,54%) |
#9CAB67 |
rgb(156,171,103) |
hsl(73,29%,54%) |