HEX #677AA4 color — Hoki
The color #677AA4 is a dark shade and slightly desaturated.
Palette
677AA4 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7f9 |
rgb(245,247,249) |
hsl(221,25%,97%) |
#e6e9f0 |
rgb(230,233,240) |
hsl(221,25%,92%) |
#d6dbe6 |
rgb(214,219,230) |
hsl(221,25%,87%) |
#c6cddd |
rgb(198,205,221) |
hsl(221,25%,82%) |
#b6bfd3 |
rgb(182,191,211) |
hsl(221,25%,77%) |
#a6b1c9 |
rgb(166,177,201) |
hsl(221,25%,72%) |
#96a3c0 |
rgb(150,163,192) |
hsl(221,25%,67%) |
#8695b6 |
rgb(134,149,182) |
hsl(221,25%,62%) |
#7687ad |
rgb(118,135,173) |
hsl(221,25%,57%) |
#6679a3 |
rgb(102,121,163) |
hsl(221,25%,52%) |
#5a6d96 |
rgb(90,109,150) |
hsl(221,25%,47%) |
#506186 |
rgb(80,97,134) |
hsl(221,25%,42%) |
#475676 |
rgb(71,86,118) |
hsl(221,25%,37%) |
#3d4a66 |
rgb(61,74,102) |
hsl(221,25%,32%) |
#343f56 |
rgb(52,63,86) |
hsl(221,25%,27%) |
#2a3346 |
rgb(42,51,70) |
hsl(221,25%,22%) |
#212736 |
rgb(33,39,54) |
hsl(221,25%,17%) |
#171c26 |
rgb(23,28,38) |
hsl(221,25%,12%) |
#0d1016 |
rgb(13,16,22) |
hsl(221,25%,7%) |
#040506 |
rgb(4,5,6) |
hsl(221,25%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#67A3A4 |
rgb(103,163,164) |
hsl(181,25%,52%) |
#677AA4 |
rgb(103,122,164) |
hsl(221,25%,52%) |
#7C66A4 |
rgb(124,102,164) |
hsl(261,25%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CA8C4 |
rgb(156,168,196) |
hsl(222,25%,69%) |
#8191B4 |
rgb(129,145,180) |
hsl(221,25%,61%) |
#677AA4 |
rgb(103,122,164) |
hsl(221,25%,52%) |
#53668C |
rgb(83,102,140) |
hsl(220,26%,44%) |
#435271 |
rgb(67,82,113) |
hsl(220,26%,35%) |
#334056 |
rgb(51,64,86) |
hsl(218,26%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#677AA4 |
rgb(103,122,164) |
hsl(221,25%,52%) |
#A47367 |
rgb(164,115,103) |
hsl(12,25%,52%) |
#98A367 |
rgb(152,163,103) |
hsl(71,25%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#677AA4 |
rgb(103,122,164) |
hsl(221,25%,52%) |
#A49167 |
rgb(164,145,103) |
hsl(41,25%,52%) |
#6799A4 |
rgb(103,153,164) |
hsl(191,25%,52%) |
#98A367 |
rgb(152,163,103) |
hsl(71,25%,52%) |