HEX #697CA5 color — Hoki
The color #697ca5 is a dark shade and slightly desaturated.
Palette
697ca5 color palette from light to dark
HEX |
RGB |
HSL |
#f9f9fb |
rgb(249,249,251) |
hsl(221,25%,98%) |
#e9ecf2 |
rgb(233,236,242) |
hsl(221,25%,93%) |
#d9dee8 |
rgb(217,222,232) |
hsl(221,25%,88%) |
#c9d0de |
rgb(201,208,222) |
hsl(221,25%,83%) |
#b9c2d5 |
rgb(185,194,213) |
hsl(221,25%,78%) |
#a9b4cb |
rgb(169,180,203) |
hsl(221,25%,73%) |
#99a6c2 |
rgb(153,166,194) |
hsl(221,25%,68%) |
#8998b8 |
rgb(137,152,184) |
hsl(221,25%,63%) |
#798aaf |
rgb(121,138,175) |
hsl(221,25%,58%) |
#697ca5 |
rgb(105,124,165) |
hsl(221,25%,53%) |
#5c6f99 |
rgb(92,111,153) |
hsl(221,25%,48%) |
#526489 |
rgb(82,100,137) |
hsl(221,25%,43%) |
#495879 |
rgb(73,88,121) |
hsl(221,25%,38%) |
#3f4c69 |
rgb(63,76,105) |
hsl(221,25%,33%) |
#364159 |
rgb(54,65,89) |
hsl(221,25%,28%) |
#2c3549 |
rgb(44,53,73) |
hsl(221,25%,23%) |
#222a39 |
rgb(34,42,57) |
hsl(221,25%,18%) |
#191e29 |
rgb(25,30,41) |
hsl(221,25%,13%) |
#0f131a |
rgb(15,19,26) |
hsl(221,25%,8%) |
#06070a |
rgb(6,7,10) |
hsl(221,25%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#69A3A5 |
rgb(105,163,165) |
hsl(182,25%,53%) |
#697CA5 |
rgb(105,124,165) |
hsl(221,25%,53%) |
#7E69A5 |
rgb(126,105,165) |
hsl(261,25%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FABC5 |
rgb(159,171,197) |
hsl(221,25%,70%) |
#8494B5 |
rgb(132,148,181) |
hsl(220,25%,61%) |
#697CA5 |
rgb(105,124,165) |
hsl(221,25%,53%) |
#55668D |
rgb(85,102,141) |
hsl(222,25%,44%) |
#445472 |
rgb(68,84,114) |
hsl(219,25%,36%) |
#344057 |
rgb(52,64,87) |
hsl(219,25%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#697CA5 |
rgb(105,124,165) |
hsl(221,25%,53%) |
#A57369 |
rgb(165,115,105) |
hsl(10,25%,53%) |
#9AA669 |
rgb(154,166,105) |
hsl(72,26%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#697CA5 |
rgb(105,124,165) |
hsl(221,25%,53%) |
#A59169 |
rgb(165,145,105) |
hsl(40,25%,53%) |
#6999A5 |
rgb(105,153,165) |
hsl(192,25%,53%) |
#9AA669 |
rgb(154,166,105) |
hsl(72,26%,53%) |