HEX #6780A3 color — Hoki
The color #6780A3 is a dark shade and slightly desaturated.
Palette
6780A3 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7f9 |
rgb(245,247,249) |
hsl(215,25%,97%) |
#e6eaf0 |
rgb(230,234,240) |
hsl(215,25%,92%) |
#d6dce6 |
rgb(214,220,230) |
hsl(215,25%,87%) |
#c6cfdd |
rgb(198,207,221) |
hsl(215,25%,82%) |
#b6c2d3 |
rgb(182,194,211) |
hsl(215,25%,77%) |
#a6b5c9 |
rgb(166,181,201) |
hsl(215,25%,72%) |
#96a7c0 |
rgb(150,167,192) |
hsl(215,25%,67%) |
#869ab6 |
rgb(134,154,182) |
hsl(215,25%,62%) |
#768dad |
rgb(118,141,173) |
hsl(215,25%,57%) |
#6680a3 |
rgb(102,128,163) |
hsl(215,25%,52%) |
#5a7396 |
rgb(90,115,150) |
hsl(215,25%,47%) |
#506786 |
rgb(80,103,134) |
hsl(215,25%,42%) |
#475a76 |
rgb(71,90,118) |
hsl(215,25%,37%) |
#3d4e66 |
rgb(61,78,102) |
hsl(215,25%,32%) |
#344256 |
rgb(52,66,86) |
hsl(215,25%,27%) |
#2a3646 |
rgb(42,54,70) |
hsl(215,25%,22%) |
#212a36 |
rgb(33,42,54) |
hsl(215,25%,17%) |
#171d26 |
rgb(23,29,38) |
hsl(215,25%,12%) |
#0d1116 |
rgb(13,17,22) |
hsl(215,25%,7%) |
#040506 |
rgb(4,5,6) |
hsl(215,25%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#67A39E |
rgb(103,163,158) |
hsl(175,25%,52%) |
#6780A3 |
rgb(103,128,163) |
hsl(215,25%,52%) |
#7666A3 |
rgb(118,102,163) |
hsl(256,25%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CADC3 |
rgb(156,173,195) |
hsl(214,25%,69%) |
#8196B3 |
rgb(129,150,179) |
hsl(215,25%,60%) |
#6780A3 |
rgb(103,128,163) |
hsl(215,25%,52%) |
#546B8B |
rgb(84,107,139) |
hsl(215,25%,44%) |
#445770 |
rgb(68,87,112) |
hsl(214,24%,35%) |
#344256 |
rgb(52,66,86) |
hsl(215,25%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#6780A3 |
rgb(103,128,163) |
hsl(215,25%,52%) |
#A36B67 |
rgb(163,107,103) |
hsl(4,25%,52%) |
#9EA367 |
rgb(158,163,103) |
hsl(65,25%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#6780A3 |
rgb(103,128,163) |
hsl(215,25%,52%) |
#A38A67 |
rgb(163,138,103) |
hsl(35,25%,52%) |
#679EA3 |
rgb(103,158,163) |
hsl(185,25%,52%) |
#9EA367 |
rgb(158,163,103) |
hsl(65,25%,52%) |