HEX #697DAA color — Hoki
The color #697DAA is a dark shade and slightly desaturated.
Palette
697DAA color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(222,28%,99%) |
#ebeef4 |
rgb(235,238,244) |
hsl(222,28%,94%) |
#dbe0eb |
rgb(219,224,235) |
hsl(222,28%,89%) |
#cbd2e2 |
rgb(203,210,226) |
hsl(222,28%,84%) |
#bac3d8 |
rgb(186,195,216) |
hsl(222,28%,79%) |
#aab5cf |
rgb(170,181,207) |
hsl(222,28%,74%) |
#9aa7c6 |
rgb(154,167,198) |
hsl(222,28%,69%) |
#8999bd |
rgb(137,153,189) |
hsl(222,28%,64%) |
#798bb4 |
rgb(121,139,180) |
hsl(222,28%,59%) |
#697dab |
rgb(105,125,171) |
hsl(222,28%,54%) |
#5a6fa0 |
rgb(90,111,160) |
hsl(222,28%,49%) |
#516490 |
rgb(81,100,144) |
hsl(222,28%,44%) |
#48587f |
rgb(72,88,127) |
hsl(222,28%,39%) |
#3e4d6f |
rgb(62,77,111) |
hsl(222,28%,34%) |
#35425f |
rgb(53,66,95) |
hsl(222,28%,29%) |
#2c364e |
rgb(44,54,78) |
hsl(222,28%,24%) |
#232b3e |
rgb(35,43,62) |
hsl(222,28%,19%) |
#1a202e |
rgb(26,32,46) |
hsl(222,28%,14%) |
#11141d |
rgb(17,20,29) |
hsl(222,28%,9%) |
#07090d |
rgb(7,9,13) |
hsl(222,28%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#69A8AA |
rgb(105,168,170) |
hsl(182,28%,54%) |
#697DAA |
rgb(105,125,170) |
hsl(222,28%,54%) |
#8069AA |
rgb(128,105,170) |
hsl(261,28%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A1ADC9 |
rgb(161,173,201) |
hsl(222,27%,71%) |
#8596B9 |
rgb(133,150,185) |
hsl(220,27%,62%) |
#697DAA |
rgb(105,125,170) |
hsl(222,28%,54%) |
#536693 |
rgb(83,102,147) |
hsl(222,28%,45%) |
#435477 |
rgb(67,84,119) |
hsl(220,28%,36%) |
#33405B |
rgb(51,64,91) |
hsl(221,28%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#697DAA |
rgb(105,125,170) |
hsl(222,28%,54%) |
#AA7569 |
rgb(170,117,105) |
hsl(11,28%,54%) |
#9DAB69 |
rgb(157,171,105) |
hsl(73,28%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#697DAA |
rgb(105,125,170) |
hsl(222,28%,54%) |
#AA9669 |
rgb(170,150,105) |
hsl(42,28%,54%) |
#699EAA |
rgb(105,158,170) |
hsl(191,28%,54%) |
#9DAB69 |
rgb(157,171,105) |
hsl(73,28%,54%) |