#696ddd hex color

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

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

● #696ddd color description : Soft blue.

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

Hex triplet	696ddd	`#696ddd`
RGB Decimal	105, 109, 221	`rgb(105,109,221)`
RGB Percent	41.2, 42.7, 86.7	`rgb(41.2%,42.7%,86.7%)`
CMYK	52, 51, 0, 13
HSL	237.9°, 63, 63.9	`hsl(237.9,63%,63.9%)`
HSV (or HSB)	237.9°, 52.5, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.874, 29.277, -57.984
XYZ	24.343, 19.16, 70.818
xyY	0.213, 0.168, 19.16
CIE-LCH	50.874, 64.956, 296.79
CIE-LUV	50.874, -7.994, -92.178
Hunter-Lab	43.772, 22.667, -65.283
Binary	01101001, 01101101, 11011101

#696ddd
```
#696ddd rgb(105,109,221)
```
#ddd969
```
#ddd969 rgb(221,217,105)
```

Complementary Color

#69a7dd
```
#69a7dd rgb(105,167,221)
```
#696ddd
```
#696ddd rgb(105,109,221)
```
#9f69dd
```
#9f69dd rgb(159,105,221)
```

Analogous Color

#a7dd69
```
#a7dd69 rgb(167,221,105)
```
#696ddd
```
#696ddd rgb(105,109,221)
```
#dd9f69
```
#dd9f69 rgb(221,159,105)
```

Split Complementary Color

#6ddd69
```
#6ddd69 rgb(109,221,105)
```
#696ddd
```
#696ddd rgb(105,109,221)
```
#dd696d
```
#dd696d rgb(221,105,109)
```

Triadic Color

#69ddd9
```
#69ddd9 rgb(105,221,217)
```
#696ddd
```
#696ddd rgb(105,109,221)
```
#dd696d
```
#dd696d rgb(221,105,109)
```
#ddd969
```
#ddd969 rgb(221,217,105)
```

Tetradic Color

#2e34cb
```
#2e34cb rgb(46,52,203)
```
#3f45d4
```
#3f45d4 rgb(63,69,212)
```
#5459d8
```
#5459d8 rgb(84,89,216)
```
#696ddd
```
#696ddd rgb(105,109,221)
```
#7e81e2
```
#7e81e2 rgb(126,129,226)
```
#9395e6
```
#9395e6 rgb(147,149,230)
```
#a7aaeb
```
#a7aaeb rgb(167,170,235)
```

Monochromatic Color

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

#698add
```
#698add rgb(105,138,221)
```
#6980dd
```
#6980dd rgb(105,128,221)
```
#6977dd
```
#6977dd rgb(105,119,221)
```
#696ddd
```
#696ddd rgb(105,109,221)
```
#6f69dd
```
#6f69dd rgb(111,105,221)
```
#7869dd
```
#7869dd rgb(120,105,221)
```
#8269dd
```
#8269dd rgb(130,105,221)
```

Similar Colors

Text with hexadecimal color #696ddd

This text has a font color of #696ddd.

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

#696ddd background color

This paragraph has a background color of #696ddd.

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

#696ddd border color

This element has a border color of #696ddd.

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

CSS codes

.text {color:#696ddd;}

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

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

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, #02030a is the darkest color, while #f9f9fe is the lightest one.

#02030a
```
#02030a rgb(2,3,10)
```
#06071a
```
#06071a rgb(6,7,26)
```
#090b2a
```
#090b2a rgb(9,11,42)
```
#0d0f3a
```
#0d0f3a rgb(13,15,58)
```
#11134a
```
#11134a rgb(17,19,74)
```
#14175a
```
#14175a rgb(20,23,90)
```
#181b6a
```
#181b6a rgb(24,27,106)
```
#1c1f7a
```
#1c1f7a rgb(28,31,122)
```
#1f238a
```
#1f238a rgb(31,35,138)
```
#23279a
```
#23279a rgb(35,39,154)
```
#262baa
```
#262baa rgb(38,43,170)
```
#2a2fba
```
#2a2fba rgb(42,47,186)
```
#2e33ca
```
#2e33ca rgb(46,51,202)
```

Shade Color Variation

#393ed2
```
#393ed2 rgb(57,62,210)
```
#494ed6
```
#494ed6 rgb(73,78,214)
```
#595dd9
```
#595dd9 rgb(89,93,217)
```
#696ddd
```
#696ddd rgb(105,109,221)
```
#797de1
```
#797de1 rgb(121,125,225)
```
#898ce4
```
#898ce4 rgb(137,140,228)
```
#999ce8
```
#999ce8 rgb(153,156,232)
```
#a9abeb
```
#a9abeb rgb(169,171,235)
```
#b9bbef
```
#b9bbef rgb(185,187,239)
```
#c9caf3
```
#c9caf3 rgb(201,202,243)
```
#d9daf6
```
#d9daf6 rgb(217,218,246)
```
#e9eafa
```
#e9eafa rgb(233,234,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 #4d53f9 is the most saturated one.

#a2a2a4
```
#a2a2a4 rgb(162,162,164)
```
#9b9bab
```
#9b9bab rgb(155,155,171)
```
#9395b3
```
#9395b3 rgb(147,149,179)
```
#8c8eba
```
#8c8eba rgb(140,142,186)
```
#8587c1
```
#8587c1 rgb(133,135,193)
```
#7e81c8
```
#7e81c8 rgb(126,129,200)
```
#777acf
```
#777acf rgb(119,122,207)
```
#7074d6
```
#7074d6 rgb(112,116,214)
```
#696ddd
```
#696ddd rgb(105,109,221)
```
#6266e4
```
#6266e4 rgb(98,102,228)
```
#5b60eb
```
#5b60eb rgb(91,96,235)
```
#5459f2
```
#5459f2 rgb(84,89,242)
```
#4d53f9
```
#4d53f9 rgb(77,83,249)
```

Tone Color Variation

Below, you can see how #696ddd 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

#797979 Achromatopsia 0.005% of the population
#76778d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d7ce5 Protanopia 1% of men
#0c82d9 Deuteranopia 1% of men
#4f8892 Tritanopia 0.001% of the population

Trichromacy

#4d76e2 Protanomaly 1% of men, 0.01% of women
#2e7ada Deuteranomaly 6% of men, 0.4% of women
#587ead Tritanomaly 0.01% of the population

#696ddd hex color

#696ddd Color Information

#696ddd Color Conversion

Color Schemes with #696ddd

Alternatives to #696ddd

#696ddd Preview

Shades and Tints of #696ddd

Tones of #696ddd

Color Blindness Simulator