#696ade hex color

In a RGB color space, hex #696ade is composed of 41.2% red, 41.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 52.7% cyan, 52.3% magenta, 0% yellow and 12.9% black. It has a hue angle of 239.5 degrees, a saturation of 63.9% and a lightness of 64.1%. #696ade color hex could be obtained by blending #d2d4ff with #0000bd. Closest websafe color is: #6666cc.

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

● #696ade color description : Soft blue.

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

Hex triplet	696ade	`#696ade`
RGB Decimal	105, 106, 222	`rgb(105,106,222)`
RGB Percent	41.2, 41.6, 87.1	`rgb(41.2%,41.6%,87.1%)`
CMYK	53, 52, 0, 13
HSL	239.5°, 63.9, 64.1	`hsl(239.5,63.9%,64.1%)`
HSV (or HSB)	239.5°, 52.7, 87.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.197, 31.405, -59.638
XYZ	24.162, 18.584, 71.417
xyY	0.212, 0.163, 18.584
CIE-LCH	50.197, 67.401, 297.771
CIE-LUV	50.197, -7.155, -94.576
Hunter-Lab	43.11, 24.603, -68.046
Binary	01101001, 01101010, 11011110

#696ade
```
#696ade rgb(105,106,222)
```
#dedd69
```
#dedd69 rgb(222,221,105)
```

Complementary Color

#69a5de
```
#69a5de rgb(105,165,222)
```
#696ade
```
#696ade rgb(105,106,222)
```
#a369de
```
#a369de rgb(163,105,222)
```

Analogous Color

#a5de69
```
#a5de69 rgb(165,222,105)
```
#696ade
```
#696ade rgb(105,106,222)
```
#dea369
```
#dea369 rgb(222,163,105)
```

Split Complementary Color

#6ade69
```
#6ade69 rgb(106,222,105)
```
#696ade
```
#696ade rgb(105,106,222)
```
#de696a
```
#de696a rgb(222,105,106)
```

Triadic Color

#69dedd
```
#69dedd rgb(105,222,221)
```
#696ade
```
#696ade rgb(105,106,222)
```
#de696a
```
#de696a rgb(222,105,106)
```
#dedd69
```
#dedd69 rgb(222,221,105)
```

Tetradic Color

#2d2fcd
```
#2d2fcd rgb(45,47,205)
```
#3f40d5
```
#3f40d5 rgb(63,64,213)
```
#5455d9
```
#5455d9 rgb(84,85,217)
```
#696ade
```
#696ade rgb(105,106,222)
```
#7e7fe3
```
#7e7fe3 rgb(126,127,227)
```
#9394e7
```
#9394e7 rgb(147,148,231)
```
#a8a8ec
```
#a8a8ec rgb(168,168,236)
```

Monochromatic Color

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

#6987de
```
#6987de rgb(105,135,222)
```
#697ede
```
#697ede rgb(105,126,222)
```
#6974de
```
#6974de rgb(105,116,222)
```
#696ade
```
#696ade rgb(105,106,222)
```
#7269de
```
#7269de rgb(114,105,222)
```
#7c69de
```
#7c69de rgb(124,105,222)
```
#8569de
```
#8569de rgb(133,105,222)
```

Similar Colors

Text with hexadecimal color #696ade

This text has a font color of #696ade.

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

#696ade background color

This paragraph has a background color of #696ade.

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

#696ade border color

This element has a border color of #696ade.

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

CSS codes

.text {color:#696ade;}

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

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

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, #02020b is the darkest color, while #fafafe is the lightest one.

#02020b
```
#02020b rgb(2,2,11)
```
#06061b
```
#06061b rgb(6,6,27)
```
#090a2b
```
#090a2b rgb(9,10,43)
```
#0d0d3b
```
#0d0d3b rgb(13,13,59)
```
#11114b
```
#11114b rgb(17,17,75)
```
#14155b
```
#14155b rgb(20,21,91)
```
#18186b
```
#18186b rgb(24,24,107)
```
#1b1c7b
```
#1b1c7b rgb(27,28,123)
```
#1f208b
```
#1f208b rgb(31,32,139)
```
#22239b
```
#22239b rgb(34,35,155)
```
#2627ac
```
#2627ac rgb(38,39,172)
```
#292bbc
```
#292bbc rgb(41,43,188)
```
#2d2ecc
```
#2d2ecc rgb(45,46,204)
```

Shade Color Variation

#393ad3
```
#393ad3 rgb(57,58,211)
```
#494ad7
```
#494ad7 rgb(73,74,215)
```
#595ada
```
#595ada rgb(89,90,218)
```
#696ade
```
#696ade rgb(105,106,222)
```
#797ae2
```
#797ae2 rgb(121,122,226)
```
#898ae5
```
#898ae5 rgb(137,138,229)
```
#999ae9
```
#999ae9 rgb(153,154,233)
```
#a9aaec
```
#a9aaec rgb(169,170,236)
```
#b9baf0
```
#b9baf0 rgb(185,186,240)
```
#c9caf3
```
#c9caf3 rgb(201,202,243)
```
#dadaf7
```
#dadaf7 rgb(218,218,247)
```
#eaeafa
```
#eaeafa rgb(234,234,250)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#a1a1a6
```
#a1a1a6 rgb(161,161,166)
```
#9a9aad
```
#9a9aad rgb(154,154,173)
```
#9394b4
```
#9394b4 rgb(147,148,180)
```
#8c8dbb
```
#8c8dbb rgb(140,141,187)
```
#8586c2
```
#8586c2 rgb(133,134,194)
```
#7e7fc9
```
#7e7fc9 rgb(126,127,201)
```
#7778d0
```
#7778d0 rgb(119,120,208)
```
#7071d7
```
#7071d7 rgb(112,113,215)
```
#696ade
```
#696ade rgb(105,106,222)
```
#6263e5
```
#6263e5 rgb(98,99,229)
```
#5b5cec
```
#5b5cec rgb(91,92,236)
```
#5455f3
```
#5455f3 rgb(84,85,243)
```
#4d4efa
```
#4d4efa rgb(77,78,250)
```

Tone Color Variation

Below, you can see how #696ade 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
#74748c Atypical Achromatopsia 0.001% of the population

Dichromacy

#327ae7 Protanopia 1% of men
#0080d5 Deuteranopia 1% of men
#4d8690 Tritanopia 0.001% of the population

Trichromacy

#4674e4 Protanomaly 1% of men, 0.01% of women
#2678d8 Deuteranomaly 6% of men, 0.4% of women
#577cac Tritanomaly 0.01% of the population

#696ade hex color

#696ade Color Information

#696ade Color Conversion

Color Schemes with #696ade

Alternatives to #696ade

#696ade Preview

Shades and Tints of #696ade

Tones of #696ade

Color Blindness Simulator