#696e7e hex color

In a RGB color space, hex #696e7e is composed of 41.2% red, 43.1% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 12.7% magenta, 0% yellow and 50.6% black. It has a hue angle of 225.7 degrees, a saturation of 9.1% and a lightness of 45.3%. #696e7e color hex could be obtained by blending #d2dcfc with #000000. Closest websafe color is: #666666.

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

● #696e7e color description : Dark grayish blue.

The hexadecimal color #696e7e has RGB values of R:105, G:110, B:126 and CMYK values of C:0.17, M:0.13, Y:0, K:0.51. Its decimal value is 6909566.

Hex triplet	696e7e	`#696e7e`
RGB Decimal	105, 110, 126	`rgb(105,110,126)`
RGB Percent	41.2, 43.1, 49.4	`rgb(41.2%,43.1%,49.4%)`
CMYK	17, 13, 0, 51
HSL	225.7°, 9.1, 45.3	`hsl(225.7,9.1%,45.3%)`
HSV (or HSB)	225.7°, 16.7, 49.4
Web Safe	666666	`#666666`

CIE-LAB	46.527, 1.686, -9.486
XYZ	15.167, 15.661, 21.961
xyY	0.287, 0.297, 15.661
CIE-LCH	46.527, 9.634, 280.081
CIE-LUV	46.527, -3.531, -13.455
Hunter-Lab	39.574, -0.845, -5.2
Binary	01101001, 01101110, 01111110

#696e7e
```
#696e7e rgb(105,110,126)
```
#7e7969
```
#7e7969 rgb(126,121,105)
```

Complementary Color

#69797e
```
#69797e rgb(105,121,126)
```
#696e7e
```
#696e7e rgb(105,110,126)
```
#6f697e
```
#6f697e rgb(111,105,126)
```

Analogous Color

#797e69
```
#797e69 rgb(121,126,105)
```
#696e7e
```
#696e7e rgb(105,110,126)
```
#7e6f69
```
#7e6f69 rgb(126,111,105)
```

Split Complementary Color

#6e7e69
```
#6e7e69 rgb(110,126,105)
```
#696e7e
```
#696e7e rgb(105,110,126)
```
#7e696e
```
#7e696e rgb(126,105,110)
```

Triadic Color

#697e79
```
#697e79 rgb(105,126,121)
```
#696e7e
```
#696e7e rgb(105,110,126)
```
#7e696e
```
#7e696e rgb(126,105,110)
```
#7e7969
```
#7e7969 rgb(126,121,105)
```

Tetradic Color

#464a54
```
#464a54 rgb(70,74,84)
```
#525662
```
#525662 rgb(82,86,98)
```
#5d6270
```
#5d6270 rgb(93,98,112)
```
#696e7e
```
#696e7e rgb(105,110,126)
```
#757a8c
```
#757a8c rgb(117,122,140)
```
#838897
```
#838897 rgb(131,136,151)
```
#9195a3
```
#9195a3 rgb(145,149,163)
```

Monochromatic Color

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

#69737e
```
#69737e rgb(105,115,126)
```
#69727e
```
#69727e rgb(105,114,126)
```
#69707e
```
#69707e rgb(105,112,126)
```
#696e7e
```
#696e7e rgb(105,110,126)
```
#696c7e
```
#696c7e rgb(105,108,126)
```
#696b7e
```
#696b7e rgb(105,107,126)
```
#69697e
```
#69697e rgb(105,105,126)
```

Similar Colors

Text with hexadecimal color #696e7e

This text has a font color of #696e7e.

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

#696e7e background color

This paragraph has a background color of #696e7e.

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

#696e7e border color

This element has a border color of #696e7e.

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

CSS codes

.text {color:#696e7e;}

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

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

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

#070708
```
#070708 rgb(7,7,8)
```
#101113
```
#101113 rgb(16,17,19)
```
#191a1e
```
#191a1e rgb(25,26,30)
```
#222328
```
#222328 rgb(34,35,40)
```
#2b2d33
```
#2b2d33 rgb(43,45,51)
```
#34363e
```
#34363e rgb(52,54,62)
```
#3c3f49
```
#3c3f49 rgb(60,63,73)
```
#454953
```
#454953 rgb(69,73,83)
```
#4e525e
```
#4e525e rgb(78,82,94)
```
#575b69
```
#575b69 rgb(87,91,105)
```
#606573
```
#606573 rgb(96,101,115)
```
#696e7e
```
#696e7e rgb(105,110,126)
```
#727789
```
#727789 rgb(114,119,137)
```

Shade Color Variation

#7c8192
```
#7c8192 rgb(124,129,146)
```
#878c9b
```
#878c9b rgb(135,140,155)
```
#9296a4
```
#9296a4 rgb(146,150,164)
```
#9ca0ad
```
#9ca0ad rgb(156,160,173)
```
#a7abb6
```
#a7abb6 rgb(167,171,182)
```
#b2b5bf
```
#b2b5bf rgb(178,181,191)
```
#bcbfc8
```
#bcbfc8 rgb(188,191,200)
```
#c7c9d0
```
#c7c9d0 rgb(199,201,208)
```
#d2d4d9
```
#d2d4d9 rgb(210,212,217)
```
#dddee2
```
#dddee2 rgb(221,222,226)
```
#e7e8eb
```
#e7e8eb rgb(231,232,235)
```
#f2f2f4
```
#f2f2f4 rgb(242,242,244)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#727375
```
#727375 rgb(114,115,117)
```
#696e7e
```
#696e7e rgb(105,110,126)
```
#606987
```
#606987 rgb(96,105,135)
```
#576590
```
#576590 rgb(87,101,144)
```
#4e6099
```
#4e6099 rgb(78,96,153)
```
#455ba2
```
#455ba2 rgb(69,91,162)
```
#3d57aa
```
#3d57aa rgb(61,87,170)
```
#3452b3
```
#3452b3 rgb(52,82,179)
```
#2b4dbc
```
#2b4dbc rgb(43,77,188)
```
#2249c5
```
#2249c5 rgb(34,73,197)
```
#1944ce
```
#1944ce rgb(25,68,206)
```
#103fd7
```
#103fd7 rgb(16,63,215)
```
#073be0
```
#073be0 rgb(7,59,224)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#6d6e71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#737484 Protanopia 1% of men
#787385 Deuteranopia 1% of men
#6f767f Tritanopia 0.001% of the population

Trichromacy

#6f7282 Protanomaly 1% of men, 0.01% of women
#737182 Deuteranomaly 6% of men, 0.4% of women
#6d737e Tritanomaly 0.01% of the population

#696e7e hex color

#696e7e Color Information

#696e7e Color Conversion

Color Schemes with #696e7e

Alternatives to #696e7e

#696e7e Preview

Shades and Tints of #696e7e

Tones of #696e7e

Color Blindness Simulator