#696fbd hex color

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

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

● #696fbd color description : Slightly desaturated blue.

The hexadecimal color #696fbd has RGB values of R:105, G:111, B:189 and CMYK values of C:0.44, M:0.41, Y:0, K:0.26. Its decimal value is 6909885.

Hex triplet	696fbd	`#696fbd`
RGB Decimal	105, 111, 189	`rgb(105,111,189)`
RGB Percent	41.2, 43.5, 74.1	`rgb(41.2%,43.5%,74.1%)`
CMYK	44, 41, 0, 26
HSL	235.7°, 38.9, 57.6	`hsl(235.7,38.9%,57.6%)`
HSV (or HSB)	235.7°, 44.4, 74.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.551, 18.245, -41.828
XYZ	20.694, 18.046, 50.534
xyY	0.232, 0.202, 18.046
CIE-LCH	49.551, 45.634, 293.566
CIE-LUV	49.551, -7.074, -65.515
Hunter-Lab	42.48, 12.613, -40.795
Binary	01101001, 01101111, 10111101

#696fbd
```
#696fbd rgb(105,111,189)
```
#bdb769
```
#bdb769 rgb(189,183,105)
```

Complementary Color

#6999bd
```
#6999bd rgb(105,153,189)
```
#696fbd
```
#696fbd rgb(105,111,189)
```
#8d69bd
```
#8d69bd rgb(141,105,189)
```

Analogous Color

#99bd69
```
#99bd69 rgb(153,189,105)
```
#696fbd
```
#696fbd rgb(105,111,189)
```
#bd8d69
```
#bd8d69 rgb(189,141,105)
```

Split Complementary Color

#6fbd69
```
#6fbd69 rgb(111,189,105)
```
#696fbd
```
#696fbd rgb(105,111,189)
```
#bd696f
```
#bd696f rgb(189,105,111)
```

Triadic Color

#69bdb7
```
#69bdb7 rgb(105,189,183)
```
#696fbd
```
#696fbd rgb(105,111,189)
```
#bd696f
```
#bd696f rgb(189,105,111)
```
#bdb769
```
#bdb769 rgb(189,183,105)
```

Tetradic Color

#424997
```
#424997 rgb(66,73,151)
```
#4a51a9
```
#4a51a9 rgb(74,81,169)
```
#575eb5
```
#575eb5 rgb(87,94,181)
```
#696fbd
```
#696fbd rgb(105,111,189)
```
#7b80c5
```
#7b80c5 rgb(123,128,197)
```
#8c91cd
```
#8c91cd rgb(140,145,205)
```
#9ea2d4
```
#9ea2d4 rgb(158,162,212)
```

Monochromatic Color

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

#6984bd
```
#6984bd rgb(105,132,189)
```
#697dbd
```
#697dbd rgb(105,125,189)
```
#6976bd
```
#6976bd rgb(105,118,189)
```
#696fbd
```
#696fbd rgb(105,111,189)
```
#6a69bd
```
#6a69bd rgb(106,105,189)
```
#7169bd
```
#7169bd rgb(113,105,189)
```
#7869bd
```
#7869bd rgb(120,105,189)
```

Similar Colors

Text with hexadecimal color #696fbd

This text has a font color of #696fbd.

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

#696fbd background color

This paragraph has a background color of #696fbd.

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

#696fbd border color

This element has a border color of #696fbd.

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

CSS codes

.text {color:#696fbd;}

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

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

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)
```
#121429
```
#121429 rgb(18,20,41)
```
#181a36
```
#181a36 rgb(24,26,54)
```
#1e2144
```
#1e2144 rgb(30,33,68)
```
#242752
```
#242752 rgb(36,39,82)
```
#2a2e5f
```
#2a2e5f rgb(42,46,95)
```
#30346d
```
#30346d rgb(48,52,109)
```
#363b7a
```
#363b7a rgb(54,59,122)
```
#3c4188
```
#3c4188 rgb(60,65,136)
```
#424896
```
#424896 rgb(66,72,150)
```
#484ea3
```
#484ea3 rgb(72,78,163)
```
#4e55b1
```
#4e55b1 rgb(78,85,177)
```

Shade Color Variation

#5b62b7
```
#5b62b7 rgb(91,98,183)
```
#696fbd
```
#696fbd rgb(105,111,189)
```
#777cc3
```
#777cc3 rgb(119,124,195)
```
#8489c9
```
#8489c9 rgb(132,137,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)
```
#c8cbe7
```
#c8cbe7 rgb(200,203,231)
```
#d6d8ed
```
#d6d8ed rgb(214,216,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 #2f3df7 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)
```
#7176b5
```
#7176b5 rgb(113,118,181)
```
#696fbd
```
#696fbd rgb(105,111,189)
```
#6168c5
```
#6168c5 rgb(97,104,197)
```
#5861ce
```
#5861ce rgb(88,97,206)
```
#505ad6
```
#505ad6 rgb(80,90,214)
```
#4853de
```
#4853de rgb(72,83,222)
```
#3f4be7
```
#3f4be7 rgb(63,75,231)
```
#3744ef
```
#3744ef rgb(55,68,239)
```
#2f3df7
```
#2f3df7 rgb(47,61,247)
```

Tone Color Variation

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

Dichromacy

#5d7ac3 Protanopia 1% of men
#557dbd Deuteranopia 1% of men
#5f828c Tritanopia 0.001% of the population

Trichromacy

#6176c1 Protanomaly 1% of men, 0.01% of women
#5c78bd Deuteranomaly 6% of men, 0.4% of women
#627b9d Tritanomaly 0.01% of the population

#696fbd hex color

#696fbd Color Information

#696fbd Color Conversion

Color Schemes with #696fbd

Alternatives to #696fbd

#696fbd Preview

Shades and Tints of #696fbd

Tones of #696fbd

Color Blindness Simulator