HEX #6980A0 color — Hoki
The color #6980A0 is a dark shade and slightly desaturated.
Palette
6980A0 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(215,22%,97%) |
#e6eaef |
rgb(230,234,239) |
hsl(215,22%,92%) |
#d7dde5 |
rgb(215,221,229) |
hsl(215,22%,87%) |
#c7cfdb |
rgb(199,207,219) |
hsl(215,22%,82%) |
#b7c2d1 |
rgb(183,194,209) |
hsl(215,22%,77%) |
#a8b5c7 |
rgb(168,181,199) |
hsl(215,22%,72%) |
#98a8bd |
rgb(152,168,189) |
hsl(215,22%,67%) |
#899bb3 |
rgb(137,155,179) |
hsl(215,22%,62%) |
#798da9 |
rgb(121,141,169) |
hsl(215,22%,57%) |
#6a80a0 |
rgb(106,128,160) |
hsl(215,22%,52%) |
#5d7392 |
rgb(93,115,146) |
hsl(215,22%,47%) |
#546783 |
rgb(84,103,131) |
hsl(215,22%,42%) |
#4a5b73 |
rgb(74,91,115) |
hsl(215,22%,37%) |
#404f64 |
rgb(64,79,100) |
hsl(215,22%,32%) |
#364254 |
rgb(54,66,84) |
hsl(215,22%,27%) |
#2c3644 |
rgb(44,54,68) |
hsl(215,22%,22%) |
#222a35 |
rgb(34,42,53) |
hsl(215,22%,17%) |
#181d25 |
rgb(24,29,37) |
hsl(215,22%,12%) |
#0e1116 |
rgb(14,17,22) |
hsl(215,22%,7%) |
#040506 |
rgb(4,5,6) |
hsl(215,22%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#69A19B |
rgb(105,161,155) |
hsl(174,23%,52%) |
#6980A0 |
rgb(105,128,160) |
hsl(215,22%,52%) |
#7669A0 |
rgb(118,105,160) |
hsl(254,22%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CABC0 |
rgb(156,171,192) |
hsl(215,22%,68%) |
#8296B0 |
rgb(130,150,176) |
hsl(214,23%,60%) |
#6980A0 |
rgb(105,128,160) |
hsl(215,22%,52%) |
#566B88 |
rgb(86,107,136) |
hsl(215,23%,44%) |
#45576E |
rgb(69,87,110) |
hsl(214,23%,35%) |
#354254 |
rgb(53,66,84) |
hsl(215,23%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#6980A0 |
rgb(105,128,160) |
hsl(215,22%,52%) |
#A06E69 |
rgb(160,110,105) |
hsl(5,22%,52%) |
#9BA169 |
rgb(155,161,105) |
hsl(66,23%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#6980A0 |
rgb(105,128,160) |
hsl(215,22%,52%) |
#A08A69 |
rgb(160,138,105) |
hsl(36,22%,52%) |
#699CA0 |
rgb(105,156,160) |
hsl(184,22%,52%) |
#9BA169 |
rgb(155,161,105) |
hsl(66,23%,52%) |