#696d86 hex color

In a RGB color space, hex #696d86 is composed of 41.2% red, 42.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 18.7% magenta, 0% yellow and 47.5% black. It has a hue angle of 231.7 degrees, a saturation of 12.1% and a lightness of 46.9%. #696d86 color hex could be obtained by blending #d2daff with #00000d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 43
- B 53
RGB color chart
- C 22
- M 19
- Y 0
- K 47
CMYK color chart

● #696d86 color description : Dark grayish blue.

The hexadecimal color #696d86 has RGB values of R:105, G:109, B:134 and CMYK values of C:0.22, M:0.19, Y:0, K:0.47. Its decimal value is 6909318.

Hex triplet	696d86	`#696d86`
RGB Decimal	105, 109, 134	`rgb(105,109,134)`
RGB Percent	41.2, 42.7, 52.5	`rgb(41.2%,42.7%,52.5%)`
CMYK	22, 19, 0, 47
HSL	231.7°, 12.1, 46.9	`hsl(231.7,12.1%,46.9%)`
HSV (or HSB)	231.7°, 21.6, 52.5
Web Safe	666699	`#666699`

CIE-LAB	46.527, 4.223, -14.26
XYZ	15.597, 15.662, 24.754
xyY	0.278, 0.28, 15.662
CIE-LCH	46.527, 14.872, 286.496
CIE-LUV	46.527, -3.48, -20.771
Hunter-Lab	39.575, 1.092, -9.384
Binary	01101001, 01101101, 10000110

#696d86
```
#696d86 rgb(105,109,134)
```
#868269
```
#868269 rgb(134,130,105)
```

Complementary Color

#697c86
```
#697c86 rgb(105,124,134)
```
#696d86
```
#696d86 rgb(105,109,134)
```
#746986
```
#746986 rgb(116,105,134)
```

Analogous Color

#7c8669
```
#7c8669 rgb(124,134,105)
```
#696d86
```
#696d86 rgb(105,109,134)
```
#867469
```
#867469 rgb(134,116,105)
```

Split Complementary Color

#6d8669
```
#6d8669 rgb(109,134,105)
```
#696d86
```
#696d86 rgb(105,109,134)
```
#86696d
```
#86696d rgb(134,105,109)
```

Triadic Color

#698682
```
#698682 rgb(105,134,130)
```
#696d86
```
#696d86 rgb(105,109,134)
```
#86696d
```
#86696d rgb(134,105,109)
```
#868269
```
#868269 rgb(134,130,105)
```

Tetradic Color

#474a5b
```
#474a5b rgb(71,74,91)
```
#535669
```
#535669 rgb(83,86,105)
```
#5e6178
```
#5e6178 rgb(94,97,120)
```
#696d86
```
#696d86 rgb(105,109,134)
```
#757993
```
#757993 rgb(117,121,147)
```
#84879e
```
#84879e rgb(132,135,158)
```
#9295aa
```
#9295aa rgb(146,149,170)
```

Monochromatic Color

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

#697486
```
#697486 rgb(105,116,134)
```
#697286
```
#697286 rgb(105,114,134)
```
#696f86
```
#696f86 rgb(105,111,134)
```
#696d86
```
#696d86 rgb(105,109,134)
```
#696b86
```
#696b86 rgb(105,107,134)
```
#6a6986
```
#6a6986 rgb(106,105,134)
```
#6c6986
```
#6c6986 rgb(108,105,134)
```

Similar Colors

Text with hexadecimal color #696d86

This text has a font color of #696d86.

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

#696d86 background color

This paragraph has a background color of #696d86.

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

#696d86 border color

This element has a border color of #696d86.

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

CSS codes

.text {color:#696d86;}

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

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

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, #020202 is the darkest color, while #f6f6f8 is the lightest one.

#020202
```
#020202 rgb(2,2,2)
```
#0a0b0d
```
#0a0b0d rgb(10,11,13)
```
#131418
```
#131418 rgb(19,20,24)
```
#1b1c23
```
#1b1c23 rgb(27,28,35)
```
#24252e
```
#24252e rgb(36,37,46)
```
#2d2e39
```
#2d2e39 rgb(45,46,57)
```
#353744
```
#353744 rgb(53,55,68)
```
#3e404f
```
#3e404f rgb(62,64,79)
```
#47495a
```
#47495a rgb(71,73,90)
```
#4f5265
```
#4f5265 rgb(79,82,101)
```
#585b70
```
#585b70 rgb(88,91,112)
```
#60647b
```
#60647b rgb(96,100,123)
```
#696d86
```
#696d86 rgb(105,109,134)
```

Shade Color Variation

#727691
```
#727691 rgb(114,118,145)
```
#7d8199
```
#7d8199 rgb(125,129,153)
```
#888ca2
```
#888ca2 rgb(136,140,162)
```
#9396aa
```
#9396aa rgb(147,150,170)
```
#9ea1b3
```
#9ea1b3 rgb(158,161,179)
```
#a9acbc
```
#a9acbc rgb(169,172,188)
```
#b4b6c4
```
#b4b6c4 rgb(180,182,196)
```
#bfc1cd
```
#bfc1cd rgb(191,193,205)
```
#caccd6
```
#caccd6 rgb(202,204,214)
```
#d5d6de
```
#d5d6de rgb(213,214,222)
```
#e0e1e7
```
#e0e1e7 rgb(224,225,231)
```
#ebecef
```
#ebecef rgb(235,236,239)
```
#f6f6f8
```
#f6f6f8 rgb(246,246,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #72747d is the less saturated color, while #0424eb is the most saturated one.

#72747d
```
#72747d rgb(114,116,125)
```
#696d86
```
#696d86 rgb(105,109,134)
```
#60668f
```
#60668f rgb(96,102,143)
```
#576098
```
#576098 rgb(87,96,152)
```
#4d59a2
```
#4d59a2 rgb(77,89,162)
```
#4452ab
```
#4452ab rgb(68,82,171)
```
#3b4cb4
```
#3b4cb4 rgb(59,76,180)
```
#3245bd
```
#3245bd rgb(50,69,189)
```
#293ec6
```
#293ec6 rgb(41,62,198)
```
#1f38d0
```
#1f38d0 rgb(31,56,208)
```
#1631d9
```
#1631d9 rgb(22,49,217)
```
#0d2ae2
```
#0d2ae2 rgb(13,42,226)
```
#0424eb
```
#0424eb rgb(4,36,235)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6e6f74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#70748c Protanopia 1% of men
#74738c Deuteranopia 1% of men
#6d767f Tritanopia 0.001% of the population

Trichromacy

#6d718a Protanomaly 1% of men, 0.01% of women
#70718a Deuteranomaly 6% of men, 0.4% of women
#6c7381 Tritanomaly 0.01% of the population

#696d86 hex color

#696d86 Color Information

#696d86 Color Conversion

Color Schemes with #696d86

Alternatives to #696d86

#696d86 Preview

Shades and Tints of #696d86

Tones of #696d86

Color Blindness Simulator