#695a22 hex color

In a RGB color space, hex #695a22 is composed of 41.2% red, 35.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.3% magenta, 67.6% yellow and 58.8% black. It has a hue angle of 47.3 degrees, a saturation of 51.1% and a lightness of 27.3%. #695a22 color hex could be obtained by blending #d2b444 with #000000. Closest websafe color is: #666633.

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

● #695a22 color description : Very dark yellow [Olive tone].

The hexadecimal color #695a22 has RGB values of R:105, G:90, B:34 and CMYK values of C:0, M:0.14, Y:0.68, K:0.59. Its decimal value is 6904354.

Hex triplet	695a22	`#695a22`
RGB Decimal	105, 90, 34	`rgb(105,90,34)`
RGB Percent	41.2, 35.3, 13.3	`rgb(41.2%,35.3%,13.3%)`
CMYK	0, 14, 68, 59
HSL	47.3°, 51.1, 27.3	`hsl(47.3,51.1%,27.3%)`
HSV (or HSB)	47.3°, 67.6, 41.2
Web Safe	666633	`#666633`

CIE-LAB	38.606, -1.146, 33.66
XYZ	9.771, 10.431, 3.012
xyY	0.421, 0.449, 10.431
CIE-LCH	38.606, 33.68, 91.95
CIE-LUV	38.606, 12.615, 33.769
Hunter-Lab	32.298, -2.521, 17.079
Binary	01101001, 01011010, 00100010

#695a22
```
#695a22 rgb(105,90,34)
```
#223169
```
#223169 rgb(34,49,105)
```

Complementary Color

#693722
```
#693722 rgb(105,55,34)
```
#695a22
```
#695a22 rgb(105,90,34)
```
#556922
```
#556922 rgb(85,105,34)
```

Analogous Color

#372269
```
#372269 rgb(55,34,105)
```
#695a22
```
#695a22 rgb(105,90,34)
```
#225569
```
#225569 rgb(34,85,105)
```

Split Complementary Color

#5a2269
```
#5a2269 rgb(90,34,105)
```
#695a22
```
#695a22 rgb(105,90,34)
```
#22695a
```
#22695a rgb(34,105,90)
```

Triadic Color

#692231
```
#692231 rgb(105,34,49)
```
#695a22
```
#695a22 rgb(105,90,34)
```
#22695a
```
#22695a rgb(34,105,90)
```
#223169
```
#223169 rgb(34,49,105)
```

Tetradic Color

#2f280f
```
#2f280f rgb(47,40,15)
```
#423916
```
#423916 rgb(66,57,22)
```
#56491c
```
#56491c rgb(86,73,28)
```
#695a22
```
#695a22 rgb(105,90,34)
```
#7c6b28
```
#7c6b28 rgb(124,107,40)
```
#907b2e
```
#907b2e rgb(144,123,46)
```
#a38c35
```
#a38c35 rgb(163,140,53)
```

Monochromatic Color

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

#694822
```
#694822 rgb(105,72,34)
```
#694e22
```
#694e22 rgb(105,78,34)
```
#695422
```
#695422 rgb(105,84,34)
```
#695a22
```
#695a22 rgb(105,90,34)
```
#696022
```
#696022 rgb(105,96,34)
```
#696622
```
#696622 rgb(105,102,34)
```
#666922
```
#666922 rgb(102,105,34)
```

Similar Colors

Text with hexadecimal color #695a22

This text has a font color of #695a22.

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

#695a22 background color

This paragraph has a background color of #695a22.

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

#695a22 border color

This element has a border color of #695a22.

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

CSS codes

.text {color:#695a22;}

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

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

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

#010100
```
#010100 rgb(1,1,0)
```
#100e05
```
#100e05 rgb(16,14,5)
```
#1f1a0a
```
#1f1a0a rgb(31,26,10)
```
#2e270f
```
#2e270f rgb(46,39,15)
```
#3d3414
```
#3d3414 rgb(61,52,20)
```
#4b4118
```
#4b4118 rgb(75,65,24)
```
#5a4d1d
```
#5a4d1d rgb(90,77,29)
```
#695a22
```
#695a22 rgb(105,90,34)
```
#786727
```
#786727 rgb(120,103,39)
```
#87732c
```
#87732c rgb(135,115,44)
```
#958030
```
#958030 rgb(149,128,48)
```
#a48d35
```
#a48d35 rgb(164,141,53)
```
#b39a3a
```
#b39a3a rgb(179,154,58)
```

Shade Color Variation

#c1a640
```
#c1a640 rgb(193,166,64)
```
#c6ad4e
```
#c6ad4e rgb(198,173,78)
```
#cbb45d
```
#cbb45d rgb(203,180,93)
```
#cfba6c
```
#cfba6c rgb(207,186,108)
```
#d4c17b
```
#d4c17b rgb(212,193,123)
```
#d9c88a
```
#d9c88a rgb(217,200,138)
```
#decf99
```
#decf99 rgb(222,207,153)
```
#e3d6a7
```
#e3d6a7 rgb(227,214,167)
```
#e7ddb6
```
#e7ddb6 rgb(231,221,182)
```
#ece4c5
```
#ece4c5 rgb(236,228,197)
```
#f1ebd4
```
#f1ebd4 rgb(241,235,212)
```
#f6f2e3
```
#f6f2e3 rgb(246,242,227)
```
#fbf9f1
```
#fbf9f1 rgb(251,249,241)
```

Tint Color Variation

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

#494742
```
#494742 rgb(73,71,66)
```
#4e4b3d
```
#4e4b3d rgb(78,75,61)
```
#544e37
```
#544e37 rgb(84,78,55)
```
#595132
```
#595132 rgb(89,81,50)
```
#5e542d
```
#5e542d rgb(94,84,45)
```
#645727
```
#645727 rgb(100,87,39)
```
#695a22
```
#695a22 rgb(105,90,34)
```
#6e5d1d
```
#6e5d1d rgb(110,93,29)
```
#746017
```
#746017 rgb(116,96,23)
```
#796312
```
#796312 rgb(121,99,18)
```
#7e660d
```
#7e660d rgb(126,102,13)
```
#846907
```
#846907 rgb(132,105,7)
```
#896d02
```
#896d02 rgb(137,109,2)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#5b584d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e632d Protanopia 1% of men
#7a5e2e Deuteranopia 1% of men
#755c63 Tritanopia 0.001% of the population

Trichromacy

#6c6029 Protanomaly 1% of men, 0.01% of women
#735d2a Deuteranomaly 6% of men, 0.4% of women
#715b4b Tritanomaly 0.01% of the population

#695a22 hex color

#695a22 Color Information

#695a22 Color Conversion

Color Schemes with #695a22

Alternatives to #695a22

#695a22 Preview

Shades and Tints of #695a22

Tones of #695a22

Color Blindness Simulator