HEX #697DA4 color — Hoki
The color #697DA4 is a dark shade and slightly desaturated.
Palette
697DA4 color palette from light to dark
HEX |
RGB |
HSL |
#f9f9fb |
rgb(249,249,251) |
hsl(220,24%,98%) |
#e9ecf1 |
rgb(233,236,241) |
hsl(220,24%,93%) |
#d9dee8 |
rgb(217,222,232) |
hsl(220,24%,88%) |
#c9d0de |
rgb(201,208,222) |
hsl(220,24%,83%) |
#b9c2d4 |
rgb(185,194,212) |
hsl(220,24%,78%) |
#aab5cb |
rgb(170,181,203) |
hsl(220,24%,73%) |
#9aa7c1 |
rgb(154,167,193) |
hsl(220,24%,68%) |
#8a99b7 |
rgb(138,153,183) |
hsl(220,24%,63%) |
#7a8bae |
rgb(122,139,174) |
hsl(220,24%,58%) |
#6a7ea4 |
rgb(106,126,164) |
hsl(220,24%,53%) |
#5d7198 |
rgb(93,113,152) |
hsl(220,24%,48%) |
#536588 |
rgb(83,101,136) |
hsl(220,24%,43%) |
#4a5978 |
rgb(74,89,120) |
hsl(220,24%,38%) |
#404d68 |
rgb(64,77,104) |
hsl(220,24%,33%) |
#364259 |
rgb(54,66,89) |
hsl(220,24%,28%) |
#2d3649 |
rgb(45,54,73) |
hsl(220,24%,23%) |
#232a39 |
rgb(35,42,57) |
hsl(220,24%,18%) |
#191e29 |
rgb(25,30,41) |
hsl(220,24%,13%) |
#101319 |
rgb(16,19,25) |
hsl(220,24%,8%) |
#060709 |
rgb(6,7,9) |
hsl(220,24%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#69A3A3 |
rgb(105,163,163) |
hsl(180,24%,53%) |
#697DA4 |
rgb(105,125,164) |
hsl(220,24%,53%) |
#7C69A4 |
rgb(124,105,164) |
hsl(259,24%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9EABC4 |
rgb(158,171,196) |
hsl(219,24%,69%) |
#8394B4 |
rgb(131,148,180) |
hsl(219,25%,61%) |
#697DA4 |
rgb(105,125,164) |
hsl(220,24%,53%) |
#55698C |
rgb(85,105,140) |
hsl(218,24%,44%) |
#455471 |
rgb(69,84,113) |
hsl(220,24%,36%) |
#344057 |
rgb(52,64,87) |
hsl(219,25%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#697DA4 |
rgb(105,125,164) |
hsl(220,24%,53%) |
#A47369 |
rgb(164,115,105) |
hsl(10,24%,53%) |
#9AA369 |
rgb(154,163,105) |
hsl(69,24%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#697DA4 |
rgb(105,125,164) |
hsl(220,24%,53%) |
#A48F69 |
rgb(164,143,105) |
hsl(39,24%,53%) |
#699CA4 |
rgb(105,156,164) |
hsl(188,24%,53%) |
#9AA369 |
rgb(154,163,105) |
hsl(69,24%,53%) |