#696356 hex color

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

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

● #696356 color description : Very dark grayish orange.

The hexadecimal color #696356 has RGB values of R:105, G:99, B:86 and CMYK values of C:0, M:0.06, Y:0.18, K:0.59. Its decimal value is 6906710.

Hex triplet	696356	`#696356`
RGB Decimal	105, 99, 86	`rgb(105,99,86)`
RGB Percent	41.2, 38.8, 33.7	`rgb(41.2%,38.8%,33.7%)`
CMYK	0, 6, 18, 59
HSL	41.1°, 9.9, 37.5	`hsl(41.1,9.9%,37.5%)`
HSV (or HSB)	41.1°, 18.1, 41.2
Web Safe	666666	`#666666`

CIE-LAB	42.153, -0.055, 8.244
XYZ	11.967, 12.599, 10.605
xyY	0.34, 0.358, 12.599
CIE-LCH	42.153, 8.244, 90.385
CIE-LUV	42.153, 4.279, 10.306
Hunter-Lab	35.495, -1.936, 7.132
Binary	01101001, 01100011, 01010110

#696356
```
#696356 rgb(105,99,86)
```
#565c69
```
#565c69 rgb(86,92,105)
```

Complementary Color

#695a56
```
#695a56 rgb(105,90,86)
```
#696356
```
#696356 rgb(105,99,86)
```
#666956
```
#666956 rgb(102,105,86)
```

Analogous Color

#5a5669
```
#5a5669 rgb(90,86,105)
```
#696356
```
#696356 rgb(105,99,86)
```
#566669
```
#566669 rgb(86,102,105)
```

Split Complementary Color

#635669
```
#635669 rgb(99,86,105)
```
#696356
```
#696356 rgb(105,99,86)
```
#566963
```
#566963 rgb(86,105,99)
```

Triadic Color

#69565c
```
#69565c rgb(105,86,92)
```
#696356
```
#696356 rgb(105,99,86)
```
#566963
```
#566963 rgb(86,105,99)
```
#565c69
```
#565c69 rgb(86,92,105)
```

Tetradic Color

#3f3b34
```
#3f3b34 rgb(63,59,52)
```
#4d493f
```
#4d493f rgb(77,73,63)
```
#5b564b
```
#5b564b rgb(91,86,75)
```
#696356
```
#696356 rgb(105,99,86)
```
#777061
```
#777061 rgb(119,112,97)
```
#857d6d
```
#857d6d rgb(133,125,109)
```
#928a7a
```
#928a7a rgb(146,138,122)
```

Monochromatic Color

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

#695e56
```
#695e56 rgb(105,94,86)
```
#696056
```
#696056 rgb(105,96,86)
```
#696156
```
#696156 rgb(105,97,86)
```
#696356
```
#696356 rgb(105,99,86)
```
#696556
```
#696556 rgb(105,101,86)
```
#696656
```
#696656 rgb(105,102,86)
```
#696856
```
#696856 rgb(105,104,86)
```

Similar Colors

Text with hexadecimal color #696356

This text has a font color of #696356.

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

#696356 background color

This paragraph has a background color of #696356.

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

#696356 border color

This element has a border color of #696356.

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

CSS codes

.text {color:#696356;}

.background {background-color:#696356;}

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

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 #fdfdfc is the lightest one.

#080707
```
#080707 rgb(8,7,7)
```
#13120f
```
#13120f rgb(19,18,15)
```
#1e1c18
```
#1e1c18 rgb(30,28,24)
```
#282621
```
#282621 rgb(40,38,33)
```
#33302a
```
#33302a rgb(51,48,42)
```
#3e3a33
```
#3e3a33 rgb(62,58,51)
```
#49443c
```
#49443c rgb(73,68,60)
```
#534f44
```
#534f44 rgb(83,79,68)
```
#5e594d
```
#5e594d rgb(94,89,77)
```
#696356
```
#696356 rgb(105,99,86)
```
#746d5f
```
#746d5f rgb(116,109,95)
```
#7f7768
```
#7f7768 rgb(127,119,104)
```
#898270
```
#898270 rgb(137,130,112)
```

Shade Color Variation

#938b7b
```
#938b7b rgb(147,139,123)
```
#9c9586
```
#9c9586 rgb(156,149,134)
```
#a49e90
```
#a49e90 rgb(164,158,144)
```
#ada79b
```
#ada79b rgb(173,167,155)
```
#b6b1a6
```
#b6b1a6 rgb(182,177,166)
```
#bfbab1
```
#bfbab1 rgb(191,186,177)
```
#c8c4bb
```
#c8c4bb rgb(200,196,187)
```
#d1cdc6
```
#d1cdc6 rgb(209,205,198)
```
#d9d7d1
```
#d9d7d1 rgb(217,215,209)
```
#e2e0dc
```
#e2e0dc rgb(226,224,220)
```
#ebeae7
```
#ebeae7 rgb(235,234,231)
```
#f4f3f1
```
#f4f3f1 rgb(244,243,241)
```
#fdfdfc
```
#fdfdfc rgb(253,253,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 #ba8105 is the most saturated one.

#62605d
```
#62605d rgb(98,96,93)
```
#696356
```
#696356 rgb(105,99,86)
```
#70664f
```
#70664f rgb(112,102,79)
```
#786847
```
#786847 rgb(120,104,71)
```
#7f6b40
```
#7f6b40 rgb(127,107,64)
```
#866e39
```
#866e39 rgb(134,110,57)
```
#8e7131
```
#8e7131 rgb(142,113,49)
```
#95732a
```
#95732a rgb(149,115,42)
```
#9c7623
```
#9c7623 rgb(156,118,35)
```
#a4791b
```
#a4791b rgb(164,121,27)
```
#ab7b14
```
#ab7b14 rgb(171,123,20)
```
#b27e0d
```
#b27e0d rgb(178,126,13)
```
#ba8105
```
#ba8105 rgb(186,129,5)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#646360 Atypical Achromatopsia 0.001% of the population

Dichromacy

#706b5e Protanopia 1% of men
#79675f Deuteranopia 1% of men
#73686f Tritanopia 0.001% of the population

Trichromacy

#6d685b Protanomaly 1% of men, 0.01% of women
#73665c Deuteranomaly 6% of men, 0.4% of women
#6f6666 Tritanomaly 0.01% of the population

#696356 hex color

#696356 Color Information

#696356 Color Conversion

Color Schemes with #696356

Alternatives to #696356

#696356 Preview

Shades and Tints of #696356

Tones of #696356

Color Blindness Simulator