#696620 hex color

In a RGB color space, hex #696620 is composed of 41.2% red, 40% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.9% magenta, 69.5% yellow and 58.8% black. It has a hue angle of 57.5 degrees, a saturation of 53.3% and a lightness of 26.9%. #696620 color hex could be obtained by blending #d2cc40 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 41
- G 40
- B 13
RGB color chart
- C 0
- M 3
- Y 70
- K 59
CMYK color chart

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

The hexadecimal color #696620 has RGB values of R:105, G:102, B:32 and CMYK values of C:0, M:0.03, Y:0.7, K:0.59. Its decimal value is 6907424.

Hex triplet	696620	`#696620`
RGB Decimal	105, 102, 32	`rgb(105,102,32)`
RGB Percent	41.2, 40, 12.5	`rgb(41.2%,40%,12.5%)`
CMYK	0, 3, 70, 59
HSL	57.5°, 53.3, 26.9	`hsl(57.5,53.3%,26.9%)`
HSV (or HSB)	57.5°, 69.5, 41.2
Web Safe	666633	`#666633`

CIE-LAB	42.17, -8.276, 38.384
XYZ	10.838, 12.61, 3.23
xyY	0.406, 0.473, 12.61
CIE-LCH	42.17, 39.266, 102.167
CIE-LUV	42.17, 4.882, 39.98
Hunter-Lab	35.511, -7.668, 19.466
Binary	01101001, 01100110, 00100000

#696620
```
#696620 rgb(105,102,32)
```
#202369
```
#202369 rgb(32,35,105)
```

Complementary Color

#694220
```
#694220 rgb(105,66,32)
```
#696620
```
#696620 rgb(105,102,32)
```
#486920
```
#486920 rgb(72,105,32)
```

Analogous Color

#422069
```
#422069 rgb(66,32,105)
```
#696620
```
#696620 rgb(105,102,32)
```
#204869
```
#204869 rgb(32,72,105)
```

Split Complementary Color

#662069
```
#662069 rgb(102,32,105)
```
#696620
```
#696620 rgb(105,102,32)
```
#206966
```
#206966 rgb(32,105,102)
```

Triadic Color

#692023
```
#692023 rgb(105,32,35)
```
#696620
```
#696620 rgb(105,102,32)
```
#206966
```
#206966 rgb(32,105,102)
```
#202369
```
#202369 rgb(32,35,105)
```

Tetradic Color

#2e2d0e
```
#2e2d0e rgb(46,45,14)
```
#424014
```
#424014 rgb(66,64,20)
```
#55531a
```
#55531a rgb(85,83,26)
```
#696620
```
#696620 rgb(105,102,32)
```
#7d7926
```
#7d7926 rgb(125,121,38)
```
#908c2c
```
#908c2c rgb(144,140,44)
```
#a49f32
```
#a49f32 rgb(164,159,50)
```

Monochromatic Color

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

#695420
```
#695420 rgb(105,84,32)
```
#695a20
```
#695a20 rgb(105,90,32)
```
#696020
```
#696020 rgb(105,96,32)
```
#696620
```
#696620 rgb(105,102,32)
```
#666920
```
#666920 rgb(102,105,32)
```
#606920
```
#606920 rgb(96,105,32)
```
#5a6920
```
#5a6920 rgb(90,105,32)
```

Similar Colors

Text with hexadecimal color #696620

This text has a font color of #696620.

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

#696620 background color

This paragraph has a background color of #696620.

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

#696620 border color

This element has a border color of #696620.

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

CSS codes

.text {color:#696620;}

.background {background-color:#696620;}

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

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

#0f0e05
```
#0f0e05 rgb(15,14,5)
```
#1e1d09
```
#1e1d09 rgb(30,29,9)
```
#2d2c0e
```
#2d2c0e rgb(45,44,14)
```
#3c3a12
```
#3c3a12 rgb(60,58,18)
```
#4b4917
```
#4b4917 rgb(75,73,23)
```
#5a571b
```
#5a571b rgb(90,87,27)
```
#696620
```
#696620 rgb(105,102,32)
```
#787525
```
#787525 rgb(120,117,37)
```
#878329
```
#878329 rgb(135,131,41)
```
#96922e
```
#96922e rgb(150,146,46)
```
#a5a032
```
#a5a032 rgb(165,160,50)
```
#b4af37
```
#b4af37 rgb(180,175,55)
```
#c3be3b
```
#c3be3b rgb(195,190,59)
```

Shade Color Variation

#c8c34a
```
#c8c34a rgb(200,195,74)
```
#cdc859
```
#cdc859 rgb(205,200,89)
```
#d1cd68
```
#d1cd68 rgb(209,205,104)
```
#d6d277
```
#d6d277 rgb(214,210,119)
```
#dad786
```
#dad786 rgb(218,215,134)
```
#dfdc96
```
#dfdc96 rgb(223,220,150)
```
#e3e1a5
```
#e3e1a5 rgb(227,225,165)
```
#e8e6b4
```
#e8e6b4 rgb(232,230,180)
```
#edebc3
```
#edebc3 rgb(237,235,195)
```
#f1f0d2
```
#f1f0d2 rgb(241,240,210)
```
#f6f5e1
```
#f6f5e1 rgb(246,245,225)
```
#fafaf0
```
#fafaf0 rgb(250,250,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#494940
```
#494940 rgb(73,73,64)
```
#4f4e3a
```
#4f4e3a rgb(79,78,58)
```
#545335
```
#545335 rgb(84,83,53)
```
#595730
```
#595730 rgb(89,87,48)
```
#5e5c2b
```
#5e5c2b rgb(94,92,43)
```
#646125
```
#646125 rgb(100,97,37)
```
#696620
```
#696620 rgb(105,102,32)
```
#6e6b1b
```
#6e6b1b rgb(110,107,27)
```
#747015
```
#747015 rgb(116,112,21)
```
#797510
```
#797510 rgb(121,117,16)
```
#7e790b
```
#7e790b rgb(126,121,11)
```
#837e06
```
#837e06 rgb(131,126,6)
```
#898300
```
#898300 rgb(137,131,0)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#616052 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776b2b Protanopia 1% of men
#84662e Deuteranopia 1% of men
#77676e Tritanopia 0.001% of the population

Trichromacy

#726927 Protanomaly 1% of men, 0.01% of women
#7a6629 Deuteranomaly 6% of men, 0.4% of women
#726652 Tritanomaly 0.01% of the population

#696620 hex color

#696620 Color Information

#696620 Color Conversion

Color Schemes with #696620

Alternatives to #696620

#696620 Preview

Shades and Tints of #696620

Tones of #696620

Color Blindness Simulator