#696add hex color

In a RGB color space, hex #696add is composed of 41.2% red, 41.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 52% magenta, 0% yellow and 13.3% black. It has a hue angle of 239.5 degrees, a saturation of 63% and a lightness of 63.9%. #696add color hex could be obtained by blending #d2d4ff with #0000bb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 42
- B 87
RGB color chart
- C 52
- M 52
- Y 0
- K 13
CMYK color chart

● #696add color description : Soft blue.

The hexadecimal color #696add has RGB values of R:105, G:106, B:221 and CMYK values of C:0.52, M:0.52, Y:0, K:0.13. Its decimal value is 6908637.

Hex triplet	696add	`#696add`
RGB Decimal	105, 106, 221	`rgb(105,106,221)`
RGB Percent	41.2, 41.6, 86.7	`rgb(41.2%,41.6%,86.7%)`
CMYK	52, 52, 0, 13
HSL	239.5°, 63, 63.9	`hsl(239.5,63%,63.9%)`
HSV (or HSB)	239.5°, 52.5, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.134, 31.094, -59.175
XYZ	24.028, 18.531, 70.713
xyY	0.212, 0.164, 18.531
CIE-LCH	50.134, 66.847, 297.72
CIE-LUV	50.134, -7.102, -93.817
Hunter-Lab	43.048, 24.302, -67.261
Binary	01101001, 01101010, 11011101

#696add
```
#696add rgb(105,106,221)
```
#dddc69
```
#dddc69 rgb(221,220,105)
```

Complementary Color

#69a4dd
```
#69a4dd rgb(105,164,221)
```
#696add
```
#696add rgb(105,106,221)
```
#a269dd
```
#a269dd rgb(162,105,221)
```

Analogous Color

#a4dd69
```
#a4dd69 rgb(164,221,105)
```
#696add
```
#696add rgb(105,106,221)
```
#dda269
```
#dda269 rgb(221,162,105)
```

Split Complementary Color

#6add69
```
#6add69 rgb(106,221,105)
```
#696add
```
#696add rgb(105,106,221)
```
#dd696a
```
#dd696a rgb(221,105,106)
```

Triadic Color

#69dddc
```
#69dddc rgb(105,221,220)
```
#696add
```
#696add rgb(105,106,221)
```
#dd696a
```
#dd696a rgb(221,105,106)
```
#dddc69
```
#dddc69 rgb(221,220,105)
```

Tetradic Color

#2e2fcb
```
#2e2fcb rgb(46,47,203)
```
#3f41d4
```
#3f41d4 rgb(63,65,212)
```
#5455d8
```
#5455d8 rgb(84,85,216)
```
#696add
```
#696add rgb(105,106,221)
```
#7e7fe2
```
#7e7fe2 rgb(126,127,226)
```
#9393e6
```
#9393e6 rgb(147,147,230)
```
#a7a8eb
```
#a7a8eb rgb(167,168,235)
```

Monochromatic Color

Below, you can see some colors close to #696add. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#6987dd
```
#6987dd rgb(105,135,221)
```
#697ddd
```
#697ddd rgb(105,125,221)
```
#6974dd
```
#6974dd rgb(105,116,221)
```
#696add
```
#696add rgb(105,106,221)
```
#7269dd
```
#7269dd rgb(114,105,221)
```
#7b69dd
```
#7b69dd rgb(123,105,221)
```
#8569dd
```
#8569dd rgb(133,105,221)
```

Similar Colors

Text with hexadecimal color #696add

This text has a font color of #696add.

<span style="color:#696add;">Text here</span>

#696add background color

This paragraph has a background color of #696add.

<p style="background-color:#696add;">Content here</p>

#696add border color

This element has a border color of #696add.

<div style="border:1px solid #696add;">Content here</div>

CSS codes

.text {color:#696add;}

.background {background-color:#696add;}

.border {border:1px solid #696add;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #02020a is the darkest color, while #f9f9fe is the lightest one.

#02020a
```
#02020a rgb(2,2,10)
```
#06061a
```
#06061a rgb(6,6,26)
```
#090a2a
```
#090a2a rgb(9,10,42)
```
#0d0e3a
```
#0d0e3a rgb(13,14,58)
```
#11114a
```
#11114a rgb(17,17,74)
```
#14155a
```
#14155a rgb(20,21,90)
```
#18196a
```
#18196a rgb(24,25,106)
```
#1c1c7a
```
#1c1c7a rgb(28,28,122)
```
#1f208a
```
#1f208a rgb(31,32,138)
```
#23249a
```
#23249a rgb(35,36,154)
```
#2628aa
```
#2628aa rgb(38,40,170)
```
#2a2bba
```
#2a2bba rgb(42,43,186)
```
#2e2fca
```
#2e2fca rgb(46,47,202)
```

Shade Color Variation

#393ad2
```
#393ad2 rgb(57,58,210)
```
#494ad6
```
#494ad6 rgb(73,74,214)
```
#595ad9
```
#595ad9 rgb(89,90,217)
```
#696add
```
#696add rgb(105,106,221)
```
#797ae1
```
#797ae1 rgb(121,122,225)
```
#898ae4
```
#898ae4 rgb(137,138,228)
```
#999ae8
```
#999ae8 rgb(153,154,232)
```
#a9aaeb
```
#a9aaeb rgb(169,170,235)
```
#b9b9ef
```
#b9b9ef rgb(185,185,239)
```
#c9c9f3
```
#c9c9f3 rgb(201,201,243)
```
#d9d9f6
```
#d9d9f6 rgb(217,217,246)
```
#e9e9fa
```
#e9e9fa rgb(233,233,250)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a2a2a4 is the less saturated color, while #4d4ef9 is the most saturated one.

#a2a2a4
```
#a2a2a4 rgb(162,162,164)
```
#9b9bab
```
#9b9bab rgb(155,155,171)
```
#9394b3
```
#9394b3 rgb(147,148,179)
```
#8c8dba
```
#8c8dba rgb(140,141,186)
```
#8586c1
```
#8586c1 rgb(133,134,193)
```
#7e7fc8
```
#7e7fc8 rgb(126,127,200)
```
#7778cf
```
#7778cf rgb(119,120,207)
```
#7071d6
```
#7071d6 rgb(112,113,214)
```
#696add
```
#696add rgb(105,106,221)
```
#6263e4
```
#6263e4 rgb(98,99,228)
```
#5b5ceb
```
#5b5ceb rgb(91,92,235)
```
#5455f2
```
#5455f2 rgb(84,85,242)
```
#4d4ef9
```
#4d4ef9 rgb(77,78,249)
```

Tone Color Variation

Below, you can see how #696add is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#777777 Achromatopsia 0.005% of the population
#74748b Atypical Achromatopsia 0.001% of the population

Dichromacy

#347ae6 Protanopia 1% of men
#0080d5 Deuteranopia 1% of men
#4e8690 Tritanopia 0.001% of the population

Trichromacy

#4774e3 Protanomaly 1% of men, 0.01% of women
#2678d8 Deuteranomaly 6% of men, 0.4% of women
#587cac Tritanomaly 0.01% of the population

#696add hex color

#696add Color Information

#696add Color Conversion

Color Schemes with #696add

Alternatives to #696add

#696add Preview

Shades and Tints of #696add

Tones of #696add

Color Blindness Simulator