#695a45 hex color

In a RGB color space, hex #695a45 is composed of 41.2% red, 35.3% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.3% magenta, 34.3% yellow and 58.8% black. It has a hue angle of 35 degrees, a saturation of 20.7% and a lightness of 34.1%. #695a45 color hex could be obtained by blending #d2b48a with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 41
- G 35
- B 27
RGB color chart
- C 0
- M 14
- Y 34
- K 59
CMYK color chart

● #695a45 color description : Very dark grayish orange.

The hexadecimal color #695a45 has RGB values of R:105, G:90, B:69 and CMYK values of C:0, M:0.14, Y:0.34, K:0.59. Its decimal value is 6904389.

Hex triplet	695a45	`#695a45`
RGB Decimal	105, 90, 69	`rgb(105,90,69)`
RGB Percent	41.2, 35.3, 27.1	`rgb(41.2%,35.3%,27.1%)`
CMYK	0, 14, 34, 59
HSL	35°, 20.7, 34.1	`hsl(35,20.7%,34.1%)`
HSV (or HSB)	35°, 34.3, 41.2
Web Safe	666633	`#666633`

CIE-LAB	39.149, 2.629, 14.403
XYZ	10.556, 10.746, 7.148
xyY	0.371, 0.378, 10.746
CIE-LCH	39.149, 14.641, 79.655
CIE-LUV	39.149, 10.55, 16.427
Hunter-Lab	32.78, 0.115, 10.018
Binary	01101001, 01011010, 01000101

#695a45
```
#695a45 rgb(105,90,69)
```
#455469
```
#455469 rgb(69,84,105)
```

Complementary Color

#694845
```
#694845 rgb(105,72,69)
```
#695a45
```
#695a45 rgb(105,90,69)
```
#666945
```
#666945 rgb(102,105,69)
```

Analogous Color

#484569
```
#484569 rgb(72,69,105)
```
#695a45
```
#695a45 rgb(105,90,69)
```
#456669
```
#456669 rgb(69,102,105)
```

Split Complementary Color

#5a4569
```
#5a4569 rgb(90,69,105)
```
#695a45
```
#695a45 rgb(105,90,69)
```
#45695a
```
#45695a rgb(69,105,90)
```

Triadic Color

#694554
```
#694554 rgb(105,69,84)
```
#695a45
```
#695a45 rgb(105,90,69)
```
#45695a
```
#45695a rgb(69,105,90)
```
#455469
```
#455469 rgb(69,84,105)
```

Tetradic Color

#3b3227
```
#3b3227 rgb(59,50,39)
```
#4a4031
```
#4a4031 rgb(74,64,49)
```
#5a4d3b
```
#5a4d3b rgb(90,77,59)
```
#695a45
```
#695a45 rgb(105,90,69)
```
#78674f
```
#78674f rgb(120,103,79)
```
#887459
```
#887459 rgb(136,116,89)
```
#978263
```
#978263 rgb(151,130,99)
```

Monochromatic Color

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

#695145
```
#695145 rgb(105,81,69)
```
#695445
```
#695445 rgb(105,84,69)
```
#695745
```
#695745 rgb(105,87,69)
```
#695a45
```
#695a45 rgb(105,90,69)
```
#695d45
```
#695d45 rgb(105,93,69)
```
#696045
```
#696045 rgb(105,96,69)
```
#696345
```
#696345 rgb(105,99,69)
```

Similar Colors

Text with hexadecimal color #695a45

This text has a font color of #695a45.

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

#695a45 background color

This paragraph has a background color of #695a45.

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

#695a45 border color

This element has a border color of #695a45.

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

CSS codes

.text {color:#695a45;}

.background {background-color:#695a45;}

.border {border:1px solid #695a45;}

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, #0a0907 is the darkest color, while #fefefd is the lightest one.

#0a0907
```
#0a0907 rgb(10,9,7)
```
#16130f
```
#16130f rgb(22,19,15)
```
#221d16
```
#221d16 rgb(34,29,22)
```
#2e271e
```
#2e271e rgb(46,39,30)
```
#3a3126
```
#3a3126 rgb(58,49,38)
```
#453c2e
```
#453c2e rgb(69,60,46)
```
#514635
```
#514635 rgb(81,70,53)
```
#5d503d
```
#5d503d rgb(93,80,61)
```
#695a45
```
#695a45 rgb(105,90,69)
```
#75644d
```
#75644d rgb(117,100,77)
```
#816e55
```
#816e55 rgb(129,110,85)
```
#8d785c
```
#8d785c rgb(141,120,92)
```
#988364
```
#988364 rgb(152,131,100)
```

Shade Color Variation

#a18c6f
```
#a18c6f rgb(161,140,111)
```
#a8967b
```
#a8967b rgb(168,150,123)
```
#b09f87
```
#b09f87 rgb(176,159,135)
```
#b8a993
```
#b8a993 rgb(184,169,147)
```
#c0b29f
```
#c0b29f rgb(192,178,159)
```
#c8bbab
```
#c8bbab rgb(200,187,171)
```
#cfc5b6
```
#cfc5b6 rgb(207,197,182)
```
#d7cec2
```
#d7cec2 rgb(215,206,194)
```
#dfd8ce
```
#dfd8ce rgb(223,216,206)
```
#e7e1da
```
#e7e1da rgb(231,225,218)
```
#eeebe6
```
#eeebe6 rgb(238,235,230)
```
#f6f4f2
```
#f6f4f2 rgb(246,244,242)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#5c5852
```
#5c5852 rgb(92,88,82)
```
#62594c
```
#62594c rgb(98,89,76)
```
#695a45
```
#695a45 rgb(105,90,69)
```
#705b3e
```
#705b3e rgb(112,91,62)
```
#765c38
```
#765c38 rgb(118,92,56)
```
#7d5d31
```
#7d5d31 rgb(125,93,49)
```
#845e2a
```
#845e2a rgb(132,94,42)
```
#8a6024
```
#8a6024 rgb(138,96,36)
```
#91611d
```
#91611d rgb(145,97,29)
```
#986216
```
#986216 rgb(152,98,22)
```
#9f630f
```
#9f630f rgb(159,99,15)
```
#a56409
```
#a56409 rgb(165,100,9)
```
#ac6502
```
#ac6502 rgb(172,101,2)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5f5c57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b644f Protanopia 1% of men
#75604f Deuteranopia 1% of men
#735f66 Tritanopia 0.001% of the population

Trichromacy

#6a604b Protanomaly 1% of men, 0.01% of women
#705e4b Deuteranomaly 6% of men, 0.4% of women
#6f5d5a Tritanomaly 0.01% of the population

#695a45 hex color

#695a45 Color Information

#695a45 Color Conversion

Color Schemes with #695a45

Alternatives to #695a45

#695a45 Preview

Shades and Tints of #695a45

Tones of #695a45

Color Blindness Simulator