#696764 hex color

In a RGB color space, hex #696764 is composed of 41.2% red, 40.4% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.9% magenta, 4.8% yellow and 58.8% black. It has a hue angle of 36 degrees, a saturation of 2.4% and a lightness of 40.2%. #696764 color hex could be obtained by blending #d2cec8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 40
- B 39
RGB color chart
- C 0
- M 2
- Y 5
- K 59
CMYK color chart

● #696764 color description : Very dark grayish orange.

The hexadecimal color #696764 has RGB values of R:105, G:103, B:100 and CMYK values of C:0, M:0.02, Y:0.05, K:0.59. Its decimal value is 6907748.

Hex triplet	696764	`#696764`
RGB Decimal	105, 103, 100	`rgb(105,103,100)`
RGB Percent	41.2, 40.4, 39.2	`rgb(41.2%,40.4%,39.2%)`
CMYK	0, 2, 5, 59
HSL	36°, 2.4, 40.2	`hsl(36,2.4%,40.2%)`
HSV (or HSB)	36°, 4.8, 41.2
Web Safe	666666	`#666666`

CIE-LAB	43.689, 0.177, 1.961
XYZ	12.976, 13.624, 14.002
xyY	0.32, 0.336, 13.624
CIE-LCH	43.689, 1.969, 84.854
CIE-LUV	43.689, 1.304, 2.533
Hunter-Lab	36.911, -1.842, 3.346
Binary	01101001, 01100111, 01100100

#696764
```
#696764 rgb(105,103,100)
```
#646669
```
#646669 rgb(100,102,105)
```

Complementary Color

#696564
```
#696564 rgb(105,101,100)
```
#696764
```
#696764 rgb(105,103,100)
```
#696964
```
#696964 rgb(105,105,100)
```

Analogous Color

#656469
```
#656469 rgb(101,100,105)
```
#696764
```
#696764 rgb(105,103,100)
```
#646969
```
#646969 rgb(100,105,105)
```

Split Complementary Color

#676469
```
#676469 rgb(103,100,105)
```
#696764
```
#696764 rgb(105,103,100)
```
#646967
```
#646967 rgb(100,105,103)
```

Triadic Color

#696466
```
#696466 rgb(105,100,102)
```
#696764
```
#696764 rgb(105,103,100)
```
#646967
```
#646967 rgb(100,105,103)
```
#646669
```
#646669 rgb(100,102,105)
```

Tetradic Color

#42413f
```
#42413f rgb(66,65,63)
```
#4f4d4b
```
#4f4d4b rgb(79,77,75)
```
#5c5a58
```
#5c5a58 rgb(92,90,88)
```
#696764
```
#696764 rgb(105,103,100)
```
#767470
```
#767470 rgb(118,116,112)
```
#83817d
```
#83817d rgb(131,129,125)
```
#908d8a
```
#908d8a rgb(144,141,138)
```

Monochromatic Color

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

#696664
```
#696664 rgb(105,102,100)
```
#696664
```
#696664 rgb(105,102,100)
```
#696764
```
#696764 rgb(105,103,100)
```
#696764
```
#696764 rgb(105,103,100)
```
#696764
```
#696764 rgb(105,103,100)
```
#696864
```
#696864 rgb(105,104,100)
```
#696864
```
#696864 rgb(105,104,100)
```

Similar Colors

Text with hexadecimal color #696764

This text has a font color of #696764.

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

#696764 background color

This paragraph has a background color of #696764.

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

#696764 border color

This element has a border color of #696764.

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

CSS codes

.text {color:#696764;}

.background {background-color:#696764;}

.border {border:1px solid #696764;}

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

#050404
```
#050404 rgb(5,4,4)
```
#0f0e0e
```
#0f0e0e rgb(15,14,14)
```
#191817
```
#191817 rgb(25,24,23)
```
#232221
```
#232221 rgb(35,34,33)
```
#2d2c2b
```
#2d2c2b rgb(45,44,43)
```
#373634
```
#373634 rgb(55,54,52)
```
#41403e
```
#41403e rgb(65,64,62)
```
#4b4947
```
#4b4947 rgb(75,73,71)
```
#555351
```
#555351 rgb(85,83,81)
```
#5f5d5a
```
#5f5d5a rgb(95,93,90)
```
#696764
```
#696764 rgb(105,103,100)
```
#73716e
```
#73716e rgb(115,113,110)
```
#7d7b77
```
#7d7b77 rgb(125,123,119)
```

Shade Color Variation

#878581
```
#878581 rgb(135,133,129)
```
#908e8b
```
#908e8b rgb(144,142,139)
```
#9a9895
```
#9a9895 rgb(154,152,149)
```
#a4a29f
```
#a4a29f rgb(164,162,159)
```
#adaca9
```
#adaca9 rgb(173,172,169)
```
#b7b5b3
```
#b7b5b3 rgb(183,181,179)
```
#c0bfbd
```
#c0bfbd rgb(192,191,189)
```
#cac9c7
```
#cac9c7 rgb(202,201,199)
```
#d3d3d1
```
#d3d3d1 rgb(211,211,209)
```
#dddcdb
```
#dddcdb rgb(221,220,219)
```
#e7e6e5
```
#e7e6e5 rgb(231,230,229)
```
#f0f0ef
```
#f0f0ef rgb(240,240,239)
```
#fafaf9
```
#fafaf9 rgb(250,250,249)
```

Tint Color Variation

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

#696764
```
#696764 rgb(105,103,100)
```
#71695c
```
#71695c rgb(113,105,92)
```
#796a54
```
#796a54 rgb(121,106,84)
```
#816c4c
```
#816c4c rgb(129,108,76)
```
#896d44
```
#896d44 rgb(137,109,68)
```
#906f3d
```
#906f3d rgb(144,111,61)
```
#987035
```
#987035 rgb(152,112,53)
```
#a0722d
```
#a0722d rgb(160,114,45)
```
#a87425
```
#a87425 rgb(168,116,37)
```
#b0751d
```
#b0751d rgb(176,117,29)
```
#b87715
```
#b87715 rgb(184,119,21)
```
#c0780d
```
#c0780d rgb(192,120,13)
```
#c87a05
```
#c87a05 rgb(200,122,5)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#676766 Atypical Achromatopsia 0.001% of the population

Dichromacy

#716e6b Protanopia 1% of men
#7a6b6d Deuteranopia 1% of men
#726d75 Tritanopia 0.001% of the population

Trichromacy

#6e6b69 Protanomaly 1% of men, 0.01% of women
#736a69 Deuteranomaly 6% of men, 0.4% of women
#6e6b6e Tritanomaly 0.01% of the population

#696764 hex color

#696764 Color Information

#696764 Color Conversion

Color Schemes with #696764

Alternatives to #696764

#696764 Preview

Shades and Tints of #696764

Tones of #696764

Color Blindness Simulator