HEX #677AA8 color — Waikawa Gray
The color #677AA8 is a dark shade and slightly desaturated.
Palette
677AA8 color palette from light to dark
HEX |
RGB |
HSL |
#f9f9fb |
rgb(249,249,251) |
hsl(222,27%,98%) |
#e8ebf2 |
rgb(232,235,242) |
hsl(222,27%,93%) |
#d8dde9 |
rgb(216,221,233) |
hsl(222,27%,88%) |
#c8cfdf |
rgb(200,207,223) |
hsl(222,27%,83%) |
#b8c1d6 |
rgb(184,193,214) |
hsl(222,27%,78%) |
#a8b3cd |
rgb(168,179,205) |
hsl(222,27%,73%) |
#97a5c3 |
rgb(151,165,195) |
hsl(222,27%,68%) |
#8796ba |
rgb(135,150,186) |
hsl(222,27%,63%) |
#7788b1 |
rgb(119,136,177) |
hsl(222,27%,58%) |
#677aa8 |
rgb(103,122,168) |
hsl(222,27%,53%) |
#596d9b |
rgb(89,109,155) |
hsl(222,27%,48%) |
#50628b |
rgb(80,98,139) |
hsl(222,27%,43%) |
#47567b |
rgb(71,86,123) |
hsl(222,27%,38%) |
#3d4b6b |
rgb(61,75,107) |
hsl(222,27%,33%) |
#34405b |
rgb(52,64,91) |
hsl(222,27%,28%) |
#2b344a |
rgb(43,52,74) |
hsl(222,27%,23%) |
#22293a |
rgb(34,41,58) |
hsl(222,27%,18%) |
#181e2a |
rgb(24,30,42) |
hsl(222,27%,13%) |
#0f121a |
rgb(15,18,26) |
hsl(222,27%,8%) |
#06070a |
rgb(6,7,10) |
hsl(222,27%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#67A6A8 |
rgb(103,166,168) |
hsl(182,27%,53%) |
#677AA8 |
rgb(103,122,168) |
hsl(222,27%,53%) |
#7F66A8 |
rgb(127,102,168) |
hsl(263,28%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9EABC7 |
rgb(158,171,199) |
hsl(221,27%,70%) |
#8291B7 |
rgb(130,145,183) |
hsl(223,27%,61%) |
#677AA8 |
rgb(103,122,168) |
hsl(222,27%,53%) |
#526690 |
rgb(82,102,144) |
hsl(221,27%,44%) |
#435275 |
rgb(67,82,117) |
hsl(222,27%,36%) |
#334059 |
rgb(51,64,89) |
hsl(219,27%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#677AA8 |
rgb(103,122,168) |
hsl(222,27%,53%) |
#A87567 |
rgb(168,117,103) |
hsl(13,27%,53%) |
#9AA867 |
rgb(154,168,103) |
hsl(73,27%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#677AA8 |
rgb(103,122,168) |
hsl(222,27%,53%) |
#A89467 |
rgb(168,148,103) |
hsl(42,27%,53%) |
#679CA8 |
rgb(103,156,168) |
hsl(191,27%,53%) |
#9AA867 |
rgb(154,168,103) |
hsl(73,27%,53%) |