HEX #667AA3 color — Hoki
The color #667aa3 is a dark shade and slightly desaturated.
Palette
667aa3 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7f9 |
rgb(245,247,249) |
hsl(220,25%,97%) |
#e6e9f0 |
rgb(230,233,240) |
hsl(220,25%,92%) |
#d6dbe6 |
rgb(214,219,230) |
hsl(220,25%,87%) |
#c6cddd |
rgb(198,205,221) |
hsl(220,25%,82%) |
#b6bfd3 |
rgb(182,191,211) |
hsl(220,25%,77%) |
#a6b2c9 |
rgb(166,178,201) |
hsl(220,25%,72%) |
#96a4c0 |
rgb(150,164,192) |
hsl(220,25%,67%) |
#8696b6 |
rgb(134,150,182) |
hsl(220,25%,62%) |
#7688ad |
rgb(118,136,173) |
hsl(220,25%,57%) |
#667aa3 |
rgb(102,122,163) |
hsl(220,25%,52%) |
#5a6e96 |
rgb(90,110,150) |
hsl(220,25%,47%) |
#506286 |
rgb(80,98,134) |
hsl(220,25%,42%) |
#475676 |
rgb(71,86,118) |
hsl(220,25%,37%) |
#3d4b66 |
rgb(61,75,102) |
hsl(220,25%,32%) |
#343f56 |
rgb(52,63,86) |
hsl(220,25%,27%) |
#2a3346 |
rgb(42,51,70) |
hsl(220,25%,22%) |
#212836 |
rgb(33,40,54) |
hsl(220,25%,17%) |
#171c26 |
rgb(23,28,38) |
hsl(220,25%,12%) |
#0d1016 |
rgb(13,16,22) |
hsl(220,25%,7%) |
#040506 |
rgb(4,5,6) |
hsl(220,25%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#66A3A3 |
rgb(102,163,163) |
hsl(180,25%,52%) |
#667AA3 |
rgb(102,122,163) |
hsl(220,25%,52%) |
#7A66A3 |
rgb(122,102,163) |
hsl(260,25%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9AA8C2 |
rgb(154,168,194) |
hsl(219,25%,68%) |
#8091B2 |
rgb(128,145,178) |
hsl(220,25%,60%) |
#667AA3 |
rgb(102,122,163) |
hsl(220,25%,52%) |
#53668B |
rgb(83,102,139) |
hsl(220,25%,44%) |
#435270 |
rgb(67,82,112) |
hsl(220,25%,35%) |
#334056 |
rgb(51,64,86) |
hsl(218,26%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#667AA3 |
rgb(102,122,163) |
hsl(220,25%,52%) |
#A37066 |
rgb(163,112,102) |
hsl(10,25%,52%) |
#98A366 |
rgb(152,163,102) |
hsl(71,25%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#667AA3 |
rgb(102,122,163) |
hsl(220,25%,52%) |
#A38F66 |
rgb(163,143,102) |
hsl(40,25%,52%) |
#6699A3 |
rgb(102,153,163) |
hsl(190,25%,52%) |
#98A366 |
rgb(152,163,102) |
hsl(71,25%,52%) |