HEX #696EB9 color — Blue Violet
The color #696EB9 is a dark shade and slightly desaturated.
Palette
696EB9 color palette from light to dark
HEX |
RGB |
HSL |
#f5f5fa |
rgb(245,245,250) |
hsl(236,36%,97%) |
#e3e4f2 |
rgb(227,228,242) |
hsl(236,36%,92%) |
#d2d4ea |
rgb(210,212,234) |
hsl(236,36%,87%) |
#c1c3e2 |
rgb(193,195,226) |
hsl(236,36%,82%) |
#afb2d9 |
rgb(175,178,217) |
hsl(236,36%,77%) |
#9ea1d1 |
rgb(158,161,209) |
hsl(236,36%,72%) |
#8d91c9 |
rgb(141,145,201) |
hsl(236,36%,67%) |
#7b80c1 |
rgb(123,128,193) |
hsl(236,36%,62%) |
#6a6fb9 |
rgb(106,111,185) |
hsl(236,36%,57%) |
#595eb1 |
rgb(89,94,177) |
hsl(236,36%,52%) |
#4d52a3 |
rgb(77,82,163) |
hsl(236,36%,47%) |
#454a92 |
rgb(69,74,146) |
hsl(236,36%,42%) |
#3c4180 |
rgb(60,65,128) |
hsl(236,36%,37%) |
#34386f |
rgb(52,56,111) |
hsl(236,36%,32%) |
#2c2f5e |
rgb(44,47,94) |
hsl(236,36%,27%) |
#24274c |
rgb(36,39,76) |
hsl(236,36%,22%) |
#1c1e3b |
rgb(28,30,59) |
hsl(236,36%,17%) |
#14152a |
rgb(20,21,42) |
hsl(236,36%,12%) |
#0b0c18 |
rgb(11,12,24) |
hsl(236,36%,7%) |
#030407 |
rgb(3,4,7) |
hsl(236,36%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#69A3B9 |
rgb(105,163,185) |
hsl(197,36%,57%) |
#696EB9 |
rgb(105,110,185) |
hsl(236,36%,57%) |
#9969B9 |
rgb(153,105,185) |
hsl(276,36%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A8ABD6 |
rgb(168,171,214) |
hsl(236,36%,75%) |
#888CC7 |
rgb(136,140,199) |
hsl(236,36%,66%) |
#696EB9 |
rgb(105,110,185) |
hsl(236,36%,57%) |
#4D54A6 |
rgb(77,84,166) |
hsl(235,37%,48%) |
#3E4286 |
rgb(62,66,134) |
hsl(237,37%,38%) |
#2F3366 |
rgb(47,51,102) |
hsl(236,37%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#696EB9 |
rgb(105,110,185) |
hsl(236,36%,57%) |
#B98C69 |
rgb(185,140,105) |
hsl(26,36%,57%) |
#96BA69 |
rgb(150,186,105) |
hsl(87,37%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#696EB9 |
rgb(105,110,185) |
hsl(236,36%,57%) |
#B9B569 |
rgb(185,181,105) |
hsl(57,36%,57%) |
#6996B9 |
rgb(105,150,185) |
hsl(206,36%,57%) |
#96BA69 |
rgb(150,186,105) |
hsl(87,37%,57%) |