#696156 hex color

In a RGB color space, hex #696156 is composed of 41.2% red, 38% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.6% magenta, 18.1% yellow and 58.8% black. It has a hue angle of 34.7 degrees, a saturation of 9.9% and a lightness of 37.5%. #696156 color hex could be obtained by blending #d2c2ac with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 38
- B 34
RGB color chart
- C 0
- M 8
- Y 18
- K 59
CMYK color chart

● #696156 color description : Very dark grayish orange.

The hexadecimal color #696156 has RGB values of R:105, G:97, B:86 and CMYK values of C:0, M:0.08, Y:0.18, K:0.59. Its decimal value is 6906198.

Hex triplet	696156	`#696156`
RGB Decimal	105, 97, 86	`rgb(105,97,86)`
RGB Percent	41.2, 38, 33.7	`rgb(41.2%,38%,33.7%)`
CMYK	0, 8, 18, 59
HSL	34.7°, 9.9, 37.5	`hsl(34.7,9.9%,37.5%)`
HSV (or HSB)	34.7°, 18.1, 41.2
Web Safe	666666	`#666666`

CIE-LAB	41.571, 1.139, 7.422
XYZ	11.78, 12.225, 10.543
xyY	0.341, 0.354, 12.225
CIE-LCH	41.571, 7.508, 81.278
CIE-LUV	41.571, 5.371, 9.088
Hunter-Lab	34.964, -1.047, 6.597
Binary	01101001, 01100001, 01010110

#696156
```
#696156 rgb(105,97,86)
```
#565e69
```
#565e69 rgb(86,94,105)
```

Complementary Color

#695856
```
#695856 rgb(105,88,86)
```
#696156
```
#696156 rgb(105,97,86)
```
#686956
```
#686956 rgb(104,105,86)
```

Analogous Color

#585669
```
#585669 rgb(88,86,105)
```
#696156
```
#696156 rgb(105,97,86)
```
#566869
```
#566869 rgb(86,104,105)
```

Split Complementary Color

#615669
```
#615669 rgb(97,86,105)
```
#696156
```
#696156 rgb(105,97,86)
```
#566961
```
#566961 rgb(86,105,97)
```

Triadic Color

#69565e
```
#69565e rgb(105,86,94)
```
#696156
```
#696156 rgb(105,97,86)
```
#566961
```
#566961 rgb(86,105,97)
```
#565e69
```
#565e69 rgb(86,94,105)
```

Tetradic Color

#3f3a34
```
#3f3a34 rgb(63,58,52)
```
#4d473f
```
#4d473f rgb(77,71,63)
```
#5b544b
```
#5b544b rgb(91,84,75)
```
#696156
```
#696156 rgb(105,97,86)
```
#776e61
```
#776e61 rgb(119,110,97)
```
#857b6d
```
#857b6d rgb(133,123,109)
```
#92887a
```
#92887a rgb(146,136,122)
```

Monochromatic Color

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

#695c56
```
#695c56 rgb(105,92,86)
```
#695e56
```
#695e56 rgb(105,94,86)
```
#695f56
```
#695f56 rgb(105,95,86)
```
#696156
```
#696156 rgb(105,97,86)
```
#696356
```
#696356 rgb(105,99,86)
```
#696456
```
#696456 rgb(105,100,86)
```
#696656
```
#696656 rgb(105,102,86)
```

Similar Colors

Text with hexadecimal color #696156

This text has a font color of #696156.

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

#696156 background color

This paragraph has a background color of #696156.

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

#696156 border color

This element has a border color of #696156.

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

CSS codes

.text {color:#696156;}

.background {background-color:#696156;}

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

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

#080707
```
#080707 rgb(8,7,7)
```
#13110f
```
#13110f rgb(19,17,15)
```
#1e1b18
```
#1e1b18 rgb(30,27,24)
```
#282521
```
#282521 rgb(40,37,33)
```
#332f2a
```
#332f2a rgb(51,47,42)
```
#3e3933
```
#3e3933 rgb(62,57,51)
```
#49433c
```
#49433c rgb(73,67,60)
```
#534d44
```
#534d44 rgb(83,77,68)
```
#5e574d
```
#5e574d rgb(94,87,77)
```
#696156
```
#696156 rgb(105,97,86)
```
#746b5f
```
#746b5f rgb(116,107,95)
```
#7f7568
```
#7f7568 rgb(127,117,104)
```
#897f70
```
#897f70 rgb(137,127,112)
```

Shade Color Variation

#93897b
```
#93897b rgb(147,137,123)
```
#9c9286
```
#9c9286 rgb(156,146,134)
```
#a49c90
```
#a49c90 rgb(164,156,144)
```
#ada69b
```
#ada69b rgb(173,166,155)
```
#b6afa6
```
#b6afa6 rgb(182,175,166)
```
#bfb9b1
```
#bfb9b1 rgb(191,185,177)
```
#c8c3bb
```
#c8c3bb rgb(200,195,187)
```
#d1ccc6
```
#d1ccc6 rgb(209,204,198)
```
#d9d6d1
```
#d9d6d1 rgb(217,214,209)
```
#e2e0dc
```
#e2e0dc rgb(226,224,220)
```
#ebe9e7
```
#ebe9e7 rgb(235,233,231)
```
#f4f3f1
```
#f4f3f1 rgb(244,243,241)
```
#fdfcfc
```
#fdfcfc rgb(253,252,252)
```

Tint Color Variation

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

#62605d
```
#62605d rgb(98,96,93)
```
#696156
```
#696156 rgb(105,97,86)
```
#70624f
```
#70624f rgb(112,98,79)
```
#786347
```
#786347 rgb(120,99,71)
```
#7f6440
```
#7f6440 rgb(127,100,64)
```
#866639
```
#866639 rgb(134,102,57)
```
#8e6731
```
#8e6731 rgb(142,103,49)
```
#95682a
```
#95682a rgb(149,104,42)
```
#9c6923
```
#9c6923 rgb(156,105,35)
```
#a46a1b
```
#a46a1b rgb(164,106,27)
```
#ab6b14
```
#ab6b14 rgb(171,107,20)
```
#b26d0d
```
#b26d0d rgb(178,109,13)
```
#ba6e05
```
#ba6e05 rgb(186,110,5)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#636260 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e695f Protanopia 1% of men
#78665f Deuteranopia 1% of men
#73666e Tritanopia 0.001% of the population

Trichromacy

#6c665b Protanomaly 1% of men, 0.01% of women
#72645c Deuteranomaly 6% of men, 0.4% of women
#6f6465 Tritanomaly 0.01% of the population

#696156 hex color

#696156 Color Information

#696156 Color Conversion

Color Schemes with #696156

Alternatives to #696156

#696156 Preview

Shades and Tints of #696156

Tones of #696156

Color Blindness Simulator