#696561 hex color

In a RGB color space, hex #696561 is composed of 41.2% red, 39.6% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.8% magenta, 7.6% yellow and 58.8% black. It has a hue angle of 30 degrees, a saturation of 4% and a lightness of 39.6%. #696561 color hex could be obtained by blending #d2cac2 with #000000. Closest websafe color is: #666666.

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

● #696561 color description : Very dark grayish orange.

The hexadecimal color #696561 has RGB values of R:105, G:101, B:97 and CMYK values of C:0, M:0.04, Y:0.08, K:0.59. Its decimal value is 6907233.

Hex triplet	696561	`#696561`
RGB Decimal	105, 101, 97	`rgb(105,101,97)`
RGB Percent	41.2, 39.6, 38	`rgb(41.2%,39.6%,38%)`
CMYK	0, 4, 8, 59
HSL	30°, 4, 39.6	`hsl(30,4%,39.6%)`
HSV (or HSB)	30°, 7.6, 41.2
Web Safe	666666	`#666666`

CIE-LAB	43.024, 0.779, 2.816
XYZ	12.637, 13.174, 13.186
xyY	0.324, 0.338, 13.174
CIE-LCH	43.024, 2.922, 74.533
CIE-LUV	43.024, 2.522, 3.523
Hunter-Lab	36.296, -1.371, 3.868
Binary	01101001, 01100101, 01100001

#696561
```
#696561 rgb(105,101,97)
```
#616569
```
#616569 rgb(97,101,105)
```

Complementary Color

#696161
```
#696161 rgb(105,97,97)
```
#696561
```
#696561 rgb(105,101,97)
```
#696961
```
#696961 rgb(105,105,97)
```

Analogous Color

#616169
```
#616169 rgb(97,97,105)
```
#696561
```
#696561 rgb(105,101,97)
```
#616969
```
#616969 rgb(97,105,105)
```

Split Complementary Color

#656169
```
#656169 rgb(101,97,105)
```
#696561
```
#696561 rgb(105,101,97)
```
#616965
```
#616965 rgb(97,105,101)
```

Triadic Color

#696165
```
#696165 rgb(105,97,101)
```
#696561
```
#696561 rgb(105,101,97)
```
#616965
```
#616965 rgb(97,105,101)
```
#616569
```
#616569 rgb(97,101,105)
```

Tetradic Color

#413f3c
```
#413f3c rgb(65,63,60)
```
#4e4c49
```
#4e4c49 rgb(78,76,73)
```
#5c5855
```
#5c5855 rgb(92,88,85)
```
#696561
```
#696561 rgb(105,101,97)
```
#76726d
```
#76726d rgb(118,114,109)
```
#847f79
```
#847f79 rgb(132,127,121)
```
#908b87
```
#908b87 rgb(144,139,135)
```

Monochromatic Color

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

#696361
```
#696361 rgb(105,99,97)
```
#696461
```
#696461 rgb(105,100,97)
```
#696461
```
#696461 rgb(105,100,97)
```
#696561
```
#696561 rgb(105,101,97)
```
#696661
```
#696661 rgb(105,102,97)
```
#696661
```
#696661 rgb(105,102,97)
```
#696761
```
#696761 rgb(105,103,97)
```

Similar Colors

Text with hexadecimal color #696561

This text has a font color of #696561.

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

#696561 background color

This paragraph has a background color of #696561.

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

#696561 border color

This element has a border color of #696561.

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

CSS codes

.text {color:#696561;}

.background {background-color:#696561;}

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

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

#030303
```
#030303 rgb(3,3,3)
```
#0d0d0c
```
#0d0d0c rgb(13,13,12)
```
#171716
```
#171716 rgb(23,23,22)
```
#22201f
```
#22201f rgb(34,32,31)
```
#2c2a28
```
#2c2a28 rgb(44,42,40)
```
#363432
```
#363432 rgb(54,52,50)
```
#403e3b
```
#403e3b rgb(64,62,59)
```
#4a4845
```
#4a4845 rgb(74,72,69)
```
#55514e
```
#55514e rgb(85,81,78)
```
#5f5b58
```
#5f5b58 rgb(95,91,88)
```
#696561
```
#696561 rgb(105,101,97)
```
#736f6a
```
#736f6a rgb(115,111,106)
```
#7d7974
```
#7d7974 rgb(125,121,116)
```

Shade Color Variation

#87827d
```
#87827d rgb(135,130,125)
```
#918c88
```
#918c88 rgb(145,140,136)
```
#9a9692
```
#9a9692 rgb(154,150,146)
```
#a4a09c
```
#a4a09c rgb(164,160,156)
```
#adaaa6
```
#adaaa6 rgb(173,170,166)
```
#b6b3b0
```
#b6b3b0 rgb(182,179,176)
```
#c0bdbb
```
#c0bdbb rgb(192,189,187)
```
#c9c7c5
```
#c9c7c5 rgb(201,199,197)
```
#d3d1cf
```
#d3d1cf rgb(211,209,207)
```
#dcdbd9
```
#dcdbd9 rgb(220,219,217)
```
#e6e5e3
```
#e6e5e3 rgb(230,229,227)
```
#efeeee
```
#efeeee rgb(239,238,238)
```
#f8f8f8
```
#f8f8f8 rgb(248,248,248)
```

Tint Color Variation

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

#696561
```
#696561 rgb(105,101,97)
```
#716559
```
#716559 rgb(113,101,89)
```
#796551
```
#796551 rgb(121,101,81)
```
#80654a
```
#80654a rgb(128,101,74)
```
#886542
```
#886542 rgb(136,101,66)
```
#90653a
```
#90653a rgb(144,101,58)
```
#986532
```
#986532 rgb(152,101,50)
```
#9f652b
```
#9f652b rgb(159,101,43)
```
#a76523
```
#a76523 rgb(167,101,35)
```
#af651b
```
#af651b rgb(175,101,27)
```
#b76513
```
#b76513 rgb(183,101,19)
```
#be650c
```
#be650c rgb(190,101,12)
```
#c66504
```
#c66504 rgb(198,101,4)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#676665 Atypical Achromatopsia 0.001% of the population

Dichromacy

#706d69 Protanopia 1% of men
#796a6a Deuteranopia 1% of men
#726b73 Tritanopia 0.001% of the population

Trichromacy

#6d6a66 Protanomaly 1% of men, 0.01% of women
#736866 Deuteranomaly 6% of men, 0.4% of women
#6f696c Tritanomaly 0.01% of the population

#696561 hex color

#696561 Color Information

#696561 Color Conversion

Color Schemes with #696561

Alternatives to #696561

#696561 Preview

Shades and Tints of #696561

Tones of #696561

Color Blindness Simulator