HEX #696EB8 color — Blue Violet
The color #696EB8 is a dark shade and slightly desaturated.
Palette
696EB8 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 |
#69A3B8 |
rgb(105,163,184) |
hsl(196,36%,57%) |
#696EB8 |
rgb(105,110,184) |
hsl(236,36%,57%) |
#9869B8 |
rgb(152,105,184) |
hsl(276,36%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A7ABD5 |
rgb(167,171,213) |
hsl(235,35%,75%) |
#888CC6 |
rgb(136,140,198) |
hsl(236,35%,65%) |
#696EB8 |
rgb(105,110,184) |
hsl(236,36%,57%) |
#4D54A4 |
rgb(77,84,164) |
hsl(235,36%,47%) |
#3F4585 |
rgb(63,69,133) |
hsl(235,36%,38%) |
#303366 |
rgb(48,51,102) |
hsl(237,36%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#696EB8 |
rgb(105,110,184) |
hsl(236,36%,57%) |
#B88C69 |
rgb(184,140,105) |
hsl(27,36%,57%) |
#95B869 |
rgb(149,184,105) |
hsl(87,36%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#696EB8 |
rgb(105,110,184) |
hsl(236,36%,57%) |
#B8B369 |
rgb(184,179,105) |
hsl(56,36%,57%) |
#6996B8 |
rgb(105,150,184) |
hsl(206,36%,57%) |
#95B869 |
rgb(149,184,105) |
hsl(87,36%,57%) |