HEX #6684A3 color — Hoki
The color #6684A3 is a dark shade and slightly desaturated.
Palette
6684A3 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7f9 |
rgb(245,247,249) |
hsl(210,25%,97%) |
#e6ebf0 |
rgb(230,235,240) |
hsl(210,25%,92%) |
#d6dee6 |
rgb(214,222,230) |
hsl(210,25%,87%) |
#c6d1dd |
rgb(198,209,221) |
hsl(210,25%,82%) |
#b6c4d3 |
rgb(182,196,211) |
hsl(210,25%,77%) |
#a6b8c9 |
rgb(166,184,201) |
hsl(210,25%,72%) |
#96abc0 |
rgb(150,171,192) |
hsl(210,25%,67%) |
#869eb6 |
rgb(134,158,182) |
hsl(210,25%,62%) |
#7691ad |
rgb(118,145,173) |
hsl(210,25%,57%) |
#6685a3 |
rgb(102,133,163) |
hsl(210,25%,52%) |
#5a7896 |
rgb(90,120,150) |
hsl(210,25%,47%) |
#506b86 |
rgb(80,107,134) |
hsl(210,25%,42%) |
#475e76 |
rgb(71,94,118) |
hsl(210,25%,37%) |
#3d5266 |
rgb(61,82,102) |
hsl(210,25%,32%) |
#344556 |
rgb(52,69,86) |
hsl(210,25%,27%) |
#2a3846 |
rgb(42,56,70) |
hsl(210,25%,22%) |
#212b36 |
rgb(33,43,54) |
hsl(210,25%,17%) |
#171f26 |
rgb(23,31,38) |
hsl(210,25%,12%) |
#0d1216 |
rgb(13,18,22) |
hsl(210,25%,7%) |
#040506 |
rgb(4,5,6) |
hsl(210,25%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#66A399 |
rgb(102,163,153) |
hsl(170,25%,52%) |
#6684A3 |
rgb(102,132,163) |
hsl(210,25%,52%) |
#7066A3 |
rgb(112,102,163) |
hsl(250,25%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9AADC2 |
rgb(154,173,194) |
hsl(212,25%,68%) |
#8099B2 |
rgb(128,153,178) |
hsl(210,25%,60%) |
#6684A3 |
rgb(102,132,163) |
hsl(210,25%,52%) |
#536E8B |
rgb(83,110,139) |
hsl(211,25%,44%) |
#435970 |
rgb(67,89,112) |
hsl(211,25%,35%) |
#334556 |
rgb(51,69,86) |
hsl(209,26%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#6684A3 |
rgb(102,132,163) |
hsl(210,25%,52%) |
#A36666 |
rgb(163,102,102) |
hsl(360,25%,52%) |
#A2A366 |
rgb(162,163,102) |
hsl(61,25%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#6684A3 |
rgb(102,132,163) |
hsl(210,25%,52%) |
#A38566 |
rgb(163,133,102) |
hsl(30,25%,52%) |
#66A3A3 |
rgb(102,163,163) |
hsl(180,25%,52%) |
#A2A366 |
rgb(162,163,102) |
hsl(61,25%,52%) |