HEX #6580A2 color — Hoki
The color #6580A2 is a dark shade and slightly desaturated.
Palette
6580A2 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7f9 |
rgb(245,247,249) |
hsl(213,25%,97%) |
#e6eaf0 |
rgb(230,234,240) |
hsl(213,25%,92%) |
#d6dde6 |
rgb(214,221,230) |
hsl(213,25%,87%) |
#c6d0dd |
rgb(198,208,221) |
hsl(213,25%,82%) |
#b6c3d3 |
rgb(182,195,211) |
hsl(213,25%,77%) |
#a6b6c9 |
rgb(166,182,201) |
hsl(213,25%,72%) |
#96a9c0 |
rgb(150,169,192) |
hsl(213,25%,67%) |
#869cb6 |
rgb(134,156,182) |
hsl(213,25%,62%) |
#768fad |
rgb(118,143,173) |
hsl(213,25%,57%) |
#6682a3 |
rgb(102,130,163) |
hsl(213,25%,52%) |
#5a7596 |
rgb(90,117,150) |
hsl(213,25%,47%) |
#506886 |
rgb(80,104,134) |
hsl(213,25%,42%) |
#475c76 |
rgb(71,92,118) |
hsl(213,25%,37%) |
#3d5066 |
rgb(61,80,102) |
hsl(213,25%,32%) |
#344356 |
rgb(52,67,86) |
hsl(213,25%,27%) |
#2a3746 |
rgb(42,55,70) |
hsl(213,25%,22%) |
#212a36 |
rgb(33,42,54) |
hsl(213,25%,17%) |
#171e26 |
rgb(23,30,38) |
hsl(213,25%,12%) |
#0d1116 |
rgb(13,17,22) |
hsl(213,25%,7%) |
#040506 |
rgb(4,5,6) |
hsl(213,25%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#65A39B |
rgb(101,163,155) |
hsl(172,25%,52%) |
#6580A2 |
rgb(101,128,162) |
hsl(213,25%,52%) |
#7266A2 |
rgb(114,102,162) |
hsl(252,24%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99ABC1 |
rgb(153,171,193) |
hsl(213,24%,68%) |
#7F96B1 |
rgb(127,150,177) |
hsl(212,24%,60%) |
#6580A2 |
rgb(101,128,162) |
hsl(213,25%,52%) |
#536B89 |
rgb(83,107,137) |
hsl(213,25%,43%) |
#43576F |
rgb(67,87,111) |
hsl(213,25%,35%) |
#334255 |
rgb(51,66,85) |
hsl(214,25%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#6580A2 |
rgb(101,128,162) |
hsl(213,25%,52%) |
#A26965 |
rgb(162,105,101) |
hsl(4,25%,52%) |
#9EA365 |
rgb(158,163,101) |
hsl(65,25%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#6580A2 |
rgb(101,128,162) |
hsl(213,25%,52%) |
#A28765 |
rgb(162,135,101) |
hsl(33,25%,52%) |
#659EA2 |
rgb(101,158,162) |
hsl(184,25%,52%) |
#9EA365 |
rgb(158,163,101) |
hsl(65,25%,52%) |