#696bdd hex color

In a RGB color space, hex #696bdd is composed of 41.2% red, 42% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 51.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 239 degrees, a saturation of 63% and a lightness of 63.9%. #696bdd color hex could be obtained by blending #d2d6ff 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

● #696bdd color description : Soft blue.

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

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

CIE-LAB	50.38, 30.489, -58.779
XYZ	24.132, 18.738, 70.748
xyY	0.212, 0.165, 18.738
CIE-LCH	50.38, 66.216, 297.416
CIE-LUV	50.38, -7.397, -93.277
Hunter-Lab	43.288, 23.757, -66.6
Binary	01101001, 01101011, 11011101

#696bdd
```
#696bdd rgb(105,107,221)
```
#dddb69
```
#dddb69 rgb(221,219,105)
```

Complementary Color

#69a5dd
```
#69a5dd rgb(105,165,221)
```
#696bdd
```
#696bdd rgb(105,107,221)
```
#a169dd
```
#a169dd rgb(161,105,221)
```

Analogous Color

#a5dd69
```
#a5dd69 rgb(165,221,105)
```
#696bdd
```
#696bdd rgb(105,107,221)
```
#dda169
```
#dda169 rgb(221,161,105)
```

Split Complementary Color

#6bdd69
```
#6bdd69 rgb(107,221,105)
```
#696bdd
```
#696bdd rgb(105,107,221)
```
#dd696b
```
#dd696b rgb(221,105,107)
```

Triadic Color

#69dddb
```
#69dddb rgb(105,221,219)
```
#696bdd
```
#696bdd rgb(105,107,221)
```
#dd696b
```
#dd696b rgb(221,105,107)
```
#dddb69
```
#dddb69 rgb(221,219,105)
```

Tetradic Color

#2e31cb
```
#2e31cb rgb(46,49,203)
```
#3f42d4
```
#3f42d4 rgb(63,66,212)
```
#5456d8
```
#5456d8 rgb(84,86,216)
```
#696bdd
```
#696bdd rgb(105,107,221)
```
#7e80e2
```
#7e80e2 rgb(126,128,226)
```
#9394e6
```
#9394e6 rgb(147,148,230)
```
#a7a9eb
```
#a7a9eb rgb(167,169,235)
```

Monochromatic Color

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

#6988dd
```
#6988dd rgb(105,136,221)
```
#697edd
```
#697edd rgb(105,126,221)
```
#6975dd
```
#6975dd rgb(105,117,221)
```
#696bdd
```
#696bdd rgb(105,107,221)
```
#7169dd
```
#7169dd rgb(113,105,221)
```
#7a69dd
```
#7a69dd rgb(122,105,221)
```
#8469dd
```
#8469dd rgb(132,105,221)
```

Similar Colors

Text with hexadecimal color #696bdd

This text has a font color of #696bdd.

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

#696bdd background color

This paragraph has a background color of #696bdd.

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

#696bdd border color

This element has a border color of #696bdd.

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

CSS codes

.text {color:#696bdd;}

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

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

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)
```
#11124a
```
#11124a rgb(17,18,74)
```
#14165a
```
#14165a rgb(20,22,90)
```
#18196a
```
#18196a rgb(24,25,106)
```
#1c1d7a
```
#1c1d7a rgb(28,29,122)
```
#1f218a
```
#1f218a rgb(31,33,138)
```
#23259a
```
#23259a rgb(35,37,154)
```
#2629aa
```
#2629aa rgb(38,41,170)
```
#2a2dba
```
#2a2dba rgb(42,45,186)
```
#2e30ca
```
#2e30ca rgb(46,48,202)
```

Shade Color Variation

#393cd2
```
#393cd2 rgb(57,60,210)
```
#494bd6
```
#494bd6 rgb(73,75,214)
```
#595bd9
```
#595bd9 rgb(89,91,217)
```
#696bdd
```
#696bdd rgb(105,107,221)
```
#797be1
```
#797be1 rgb(121,123,225)
```
#898be4
```
#898be4 rgb(137,139,228)
```
#999ae8
```
#999ae8 rgb(153,154,232)
```
#a9aaeb
```
#a9aaeb rgb(169,170,235)
```
#b9baef
```
#b9baef rgb(185,186,239)
```
#c9caf3
```
#c9caf3 rgb(201,202,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 #4d50f9 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)
```
#7779cf
```
#7779cf rgb(119,121,207)
```
#7072d6
```
#7072d6 rgb(112,114,214)
```
#696bdd
```
#696bdd rgb(105,107,221)
```
#6264e4
```
#6264e4 rgb(98,100,228)
```
#5b5deb
```
#5b5deb rgb(91,93,235)
```
#5457f2
```
#5457f2 rgb(84,87,242)
```
#4d50f9
```
#4d50f9 rgb(77,80,249)
```

Tone Color Variation

Below, you can see how #696bdd 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
#74758b Atypical Achromatopsia 0.001% of the population

Dichromacy

#377be6 Protanopia 1% of men
#0081d7 Deuteranopia 1% of men
#4e8791 Tritanopia 0.001% of the population

Trichromacy

#4975e3 Protanomaly 1% of men, 0.01% of women
#2679d9 Deuteranomaly 6% of men, 0.4% of women
#587cac Tritanomaly 0.01% of the population

#696bdd hex color

#696bdd Color Information

#696bdd Color Conversion

Color Schemes with #696bdd

Alternatives to #696bdd

#696bdd Preview

Shades and Tints of #696bdd

Tones of #696bdd

Color Blindness Simulator