HEX #6980A2 color — Hoki
The color #6980A2 is a dark shade and slightly desaturated.
Palette
6980A2 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(216,23%,97%) |
#e6eaef |
rgb(230,234,239) |
hsl(216,23%,92%) |
#d6dce5 |
rgb(214,220,229) |
hsl(216,23%,87%) |
#c7cfdc |
rgb(199,207,220) |
hsl(216,23%,82%) |
#b7c2d2 |
rgb(183,194,210) |
hsl(216,23%,77%) |
#a7b4c8 |
rgb(167,180,200) |
hsl(216,23%,72%) |
#97a7be |
rgb(151,167,190) |
hsl(216,23%,67%) |
#889ab4 |
rgb(136,154,180) |
hsl(216,23%,62%) |
#788cab |
rgb(120,140,171) |
hsl(216,23%,57%) |
#687fa1 |
rgb(104,127,161) |
hsl(216,23%,52%) |
#5c7293 |
rgb(92,114,147) |
hsl(216,23%,47%) |
#526684 |
rgb(82,102,132) |
hsl(216,23%,42%) |
#495a74 |
rgb(73,90,116) |
hsl(216,23%,37%) |
#3f4e64 |
rgb(63,78,100) |
hsl(216,23%,32%) |
#354255 |
rgb(53,66,85) |
hsl(216,23%,27%) |
#2b3645 |
rgb(43,54,69) |
hsl(216,23%,22%) |
#212935 |
rgb(33,41,53) |
hsl(216,23%,17%) |
#181d26 |
rgb(24,29,38) |
hsl(216,23%,12%) |
#0e1116 |
rgb(14,17,22) |
hsl(216,23%,7%) |
#040506 |
rgb(4,5,6) |
hsl(216,23%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#69A39E |
rgb(105,163,158) |
hsl(175,24%,53%) |
#6980A2 |
rgb(105,128,162) |
hsl(216,23%,52%) |
#7869A2 |
rgb(120,105,162) |
hsl(256,23%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9DADC2 |
rgb(157,173,194) |
hsl(214,23%,69%) |
#8396B2 |
rgb(131,150,178) |
hsl(216,23%,61%) |
#6980A2 |
rgb(105,128,162) |
hsl(216,23%,52%) |
#556B8A |
rgb(85,107,138) |
hsl(215,24%,44%) |
#455770 |
rgb(69,87,112) |
hsl(215,24%,35%) |
#354255 |
rgb(53,66,85) |
hsl(216,23%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#6980A2 |
rgb(105,128,162) |
hsl(216,23%,52%) |
#A26E69 |
rgb(162,110,105) |
hsl(5,23%,52%) |
#9CA369 |
rgb(156,163,105) |
hsl(67,24%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#6980A2 |
rgb(105,128,162) |
hsl(216,23%,52%) |
#A28C69 |
rgb(162,140,105) |
hsl(37,23%,52%) |
#699CA2 |
rgb(105,156,162) |
hsl(186,23%,52%) |
#9CA369 |
rgb(156,163,105) |
hsl(67,24%,53%) |