#696ebd hex color

In a RGB color space, hex #696ebd is composed of 41.2% red, 43.1% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 44.4% cyan, 41.8% magenta, 0% yellow and 25.9% black. It has a hue angle of 236.4 degrees, a saturation of 38.9% and a lightness of 57.6%. #696ebd color hex could be obtained by blending #d2dcff with #00007b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 43
- B 74
RGB color chart
- C 44
- M 42
- Y 0
- K 26
CMYK color chart

● #696ebd color description : Slightly desaturated blue.

The hexadecimal color #696ebd has RGB values of R:105, G:110, B:189 and CMYK values of C:0.44, M:0.42, Y:0, K:0.26. Its decimal value is 6909629.

Hex triplet	696ebd	`#696ebd`
RGB Decimal	105, 110, 189	`rgb(105,110,189)`
RGB Percent	41.2, 43.1, 74.1	`rgb(41.2%,43.1%,74.1%)`
CMYK	44, 42, 0, 26
HSL	236.4°, 38.9, 57.6	`hsl(236.4,38.9%,57.6%)`
HSV (or HSB)	236.4°, 44.4, 74.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.288, 18.855, -42.246
XYZ	20.585, 17.829, 50.498
xyY	0.232, 0.201, 17.829
CIE-LCH	49.288, 46.263, 294.052
CIE-LUV	49.288, -6.723, -66.157
Hunter-Lab	42.224, 13.131, -41.351
Binary	01101001, 01101110, 10111101

#696ebd
```
#696ebd rgb(105,110,189)
```
#bdb869
```
#bdb869 rgb(189,184,105)
```

Complementary Color

#6998bd
```
#6998bd rgb(105,152,189)
```
#696ebd
```
#696ebd rgb(105,110,189)
```
#8e69bd
```
#8e69bd rgb(142,105,189)
```

Analogous Color

#98bd69
```
#98bd69 rgb(152,189,105)
```
#696ebd
```
#696ebd rgb(105,110,189)
```
#bd8e69
```
#bd8e69 rgb(189,142,105)
```

Split Complementary Color

#6ebd69
```
#6ebd69 rgb(110,189,105)
```
#696ebd
```
#696ebd rgb(105,110,189)
```
#bd696e
```
#bd696e rgb(189,105,110)
```

Triadic Color

#69bdb8
```
#69bdb8 rgb(105,189,184)
```
#696ebd
```
#696ebd rgb(105,110,189)
```
#bd696e
```
#bd696e rgb(189,105,110)
```
#bdb869
```
#bdb869 rgb(189,184,105)
```

Tetradic Color

#424797
```
#424797 rgb(66,71,151)
```
#4a50a9
```
#4a50a9 rgb(74,80,169)
```
#575db5
```
#575db5 rgb(87,93,181)
```
#696ebd
```
#696ebd rgb(105,110,189)
```
#7b7fc5
```
#7b7fc5 rgb(123,127,197)
```
#8c90cd
```
#8c90cd rgb(140,144,205)
```
#9ea1d4
```
#9ea1d4 rgb(158,161,212)
```

Monochromatic Color

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

#6983bd
```
#6983bd rgb(105,131,189)
```
#697cbd
```
#697cbd rgb(105,124,189)
```
#6975bd
```
#6975bd rgb(105,117,189)
```
#696ebd
```
#696ebd rgb(105,110,189)
```
#6b69bd
```
#6b69bd rgb(107,105,189)
```
#7269bd
```
#7269bd rgb(114,105,189)
```
#7969bd
```
#7969bd rgb(121,105,189)
```

Similar Colors

Text with hexadecimal color #696ebd

This text has a font color of #696ebd.

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

#696ebd background color

This paragraph has a background color of #696ebd.

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

#696ebd border color

This element has a border color of #696ebd.

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

CSS codes

.text {color:#696ebd;}

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

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

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, #06060d is the darkest color, while #ffffff is the lightest one.

#06060d
```
#06060d rgb(6,6,13)
```
#0c0d1b
```
#0c0d1b rgb(12,13,27)
```
#121329
```
#121329 rgb(18,19,41)
```
#181a36
```
#181a36 rgb(24,26,54)
```
#1e2044
```
#1e2044 rgb(30,32,68)
```
#242752
```
#242752 rgb(36,39,82)
```
#2a2d5f
```
#2a2d5f rgb(42,45,95)
```
#30346d
```
#30346d rgb(48,52,109)
```
#363a7a
```
#363a7a rgb(54,58,122)
```
#3c4088
```
#3c4088 rgb(60,64,136)
```
#424796
```
#424796 rgb(66,71,150)
```
#484da3
```
#484da3 rgb(72,77,163)
```
#4e54b1
```
#4e54b1 rgb(78,84,177)
```

Shade Color Variation

#5b61b7
```
#5b61b7 rgb(91,97,183)
```
#696ebd
```
#696ebd rgb(105,110,189)
```
#777bc3
```
#777bc3 rgb(119,123,195)
```
#8488c9
```
#8488c9 rgb(132,136,201)
```
#9296cf
```
#9296cf rgb(146,150,207)
```
#9fa3d5
```
#9fa3d5 rgb(159,163,213)
```
#adb0db
```
#adb0db rgb(173,176,219)
```
#bbbde1
```
#bbbde1 rgb(187,189,225)
```
#c8cae7
```
#c8cae7 rgb(200,202,231)
```
#d6d7ed
```
#d6d7ed rgb(214,215,237)
```
#e4e5f3
```
#e4e5f3 rgb(228,229,243)
```
#f1f2f9
```
#f1f2f9 rgb(241,242,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#939393
```
#939393 rgb(147,147,147)
```
#8a8b9c
```
#8a8b9c rgb(138,139,156)
```
#8284a4
```
#8284a4 rgb(130,132,164)
```
#7a7dac
```
#7a7dac rgb(122,125,172)
```
#7175b5
```
#7175b5 rgb(113,117,181)
```
#696ebd
```
#696ebd rgb(105,110,189)
```
#6167c5
```
#6167c5 rgb(97,103,197)
```
#585fce
```
#585fce rgb(88,95,206)
```
#5058d6
```
#5058d6 rgb(80,88,214)
```
#4851de
```
#4851de rgb(72,81,222)
```
#3f49e7
```
#3f49e7 rgb(63,73,231)
```
#3742ef
```
#3742ef rgb(55,66,239)
```
#2f3bf7
```
#2f3bf7 rgb(47,59,247)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#737484 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b79c3 Protanopia 1% of men
#537cbd Deuteranopia 1% of men
#5e818b Tritanopia 0.001% of the population

Trichromacy

#6075c1 Protanomaly 1% of men, 0.01% of women
#5b77bd Deuteranomaly 6% of men, 0.4% of women
#627a9d Tritanomaly 0.01% of the population

#696ebd hex color

#696ebd Color Information

#696ebd Color Conversion

Color Schemes with #696ebd

Alternatives to #696ebd

#696ebd Preview

Shades and Tints of #696ebd

Tones of #696ebd

Color Blindness Simulator