HEX #697FA5 color — Hoki
The color #697FA5 is a dark shade and slightly desaturated.
Palette
697FA5 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(218,25%,98%) |
#e9ecf2 |
rgb(233,236,242) |
hsl(218,25%,93%) |
#d9dee8 |
rgb(217,222,232) |
hsl(218,25%,88%) |
#c9d1de |
rgb(201,209,222) |
hsl(218,25%,83%) |
#b9c3d5 |
rgb(185,195,213) |
hsl(218,25%,78%) |
#a9b6cb |
rgb(169,182,203) |
hsl(218,25%,73%) |
#99a8c2 |
rgb(153,168,194) |
hsl(218,25%,68%) |
#899ab8 |
rgb(137,154,184) |
hsl(218,25%,63%) |
#798daf |
rgb(121,141,175) |
hsl(218,25%,58%) |
#697fa5 |
rgb(105,127,165) |
hsl(218,25%,53%) |
#5c7299 |
rgb(92,114,153) |
hsl(218,25%,48%) |
#526689 |
rgb(82,102,137) |
hsl(218,25%,43%) |
#495a79 |
rgb(73,90,121) |
hsl(218,25%,38%) |
#3f4f69 |
rgb(63,79,105) |
hsl(218,25%,33%) |
#364359 |
rgb(54,67,89) |
hsl(218,25%,28%) |
#2c3749 |
rgb(44,55,73) |
hsl(218,25%,23%) |
#222b39 |
rgb(34,43,57) |
hsl(218,25%,18%) |
#191f29 |
rgb(25,31,41) |
hsl(218,25%,13%) |
#0f131a |
rgb(15,19,26) |
hsl(218,25%,8%) |
#06070a |
rgb(6,7,10) |
hsl(218,25%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#69A6A3 |
rgb(105,166,163) |
hsl(177,26%,53%) |
#697FA5 |
rgb(105,127,165) |
hsl(218,25%,53%) |
#7B69A5 |
rgb(123,105,165) |
hsl(258,25%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FADC5 |
rgb(159,173,197) |
hsl(218,25%,70%) |
#8496B5 |
rgb(132,150,181) |
hsl(218,25%,61%) |
#697FA5 |
rgb(105,127,165) |
hsl(218,25%,53%) |
#556B8D |
rgb(85,107,141) |
hsl(216,25%,44%) |
#445772 |
rgb(68,87,114) |
hsl(215,25%,36%) |
#344257 |
rgb(52,66,87) |
hsl(216,25%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#697FA5 |
rgb(105,127,165) |
hsl(218,25%,53%) |
#A57069 |
rgb(165,112,105) |
hsl(7,25%,53%) |
#9DA669 |
rgb(157,166,105) |
hsl(69,26%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#697FA5 |
rgb(105,127,165) |
hsl(218,25%,53%) |
#A58F69 |
rgb(165,143,105) |
hsl(38,25%,53%) |
#699EA5 |
rgb(105,158,165) |
hsl(187,25%,53%) |
#9DA669 |
rgb(157,166,105) |
hsl(69,26%,53%) |