#696a46 hex color

In a RGB color space, hex #696a46 is composed of 41.2% red, 41.6% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0.9% cyan, 0% magenta, 34% yellow and 58.4% black. It has a hue angle of 61.7 degrees, a saturation of 20.5% and a lightness of 34.5%. #696a46 color hex could be obtained by blending #d2d48c with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 41
- G 42
- B 27
RGB color chart
- C 1
- M 0
- Y 34
- K 58
CMYK color chart

● #696a46 color description : Very dark grayish yellow.

The hexadecimal color #696a46 has RGB values of R:105, G:106, B:70 and CMYK values of C:0.01, M:0, Y:0.34, K:0.58. Its decimal value is 6908486.

Hex triplet	696a46	`#696a46`
RGB Decimal	105, 106, 70	`rgb(105,106,70)`
RGB Percent	41.2, 41.6, 27.5	`rgb(41.2%,41.6%,27.5%)`
CMYK	1, 0, 34, 58
HSL	61.7°, 20.5, 34.5	`hsl(61.7,20.5%,34.5%)`
HSV (or HSB)	61.7°, 34, 41.6
Web Safe	666633	`#666633`

CIE-LAB	43.878, -6.669, 20.131
XYZ	12.085, 13.754, 7.812
xyY	0.359, 0.409, 13.754
CIE-LCH	43.878, 21.207, 108.328
CIE-LUV	43.878, 1.173, 24.83
Hunter-Lab	37.086, -6.733, 13.471
Binary	01101001, 01101010, 01000110

#696a46
```
#696a46 rgb(105,106,70)
```
#47466a
```
#47466a rgb(71,70,106)
```

Complementary Color

#6a5946
```
#6a5946 rgb(106,89,70)
```
#696a46
```
#696a46 rgb(105,106,70)
```
#576a46
```
#576a46 rgb(87,106,70)
```

Analogous Color

#59466a
```
#59466a rgb(89,70,106)
```
#696a46
```
#696a46 rgb(105,106,70)
```
#46576a
```
#46576a rgb(70,87,106)
```

Split Complementary Color

#6a4669
```
#6a4669 rgb(106,70,105)
```
#696a46
```
#696a46 rgb(105,106,70)
```
#46696a
```
#46696a rgb(70,105,106)
```

Triadic Color

#6a4746
```
#6a4746 rgb(106,71,70)
```
#696a46
```
#696a46 rgb(105,106,70)
```
#46696a
```
#46696a rgb(70,105,106)
```
#47466a
```
#47466a rgb(71,70,106)
```

Tetradic Color

#3b3c28
```
#3b3c28 rgb(59,60,40)
```
#4b4b32
```
#4b4b32 rgb(75,75,50)
```
#5a5b3c
```
#5a5b3c rgb(90,91,60)
```
#696a46
```
#696a46 rgb(105,106,70)
```
#787950
```
#787950 rgb(120,121,80)
```
#87895a
```
#87895a rgb(135,137,90)
```
#979864
```
#979864 rgb(151,152,100)
```

Monochromatic Color

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

#6a6246
```
#6a6246 rgb(106,98,70)
```
#6a6546
```
#6a6546 rgb(106,101,70)
```
#6a6846
```
#6a6846 rgb(106,104,70)
```
#696a46
```
#696a46 rgb(105,106,70)
```
#666a46
```
#666a46 rgb(102,106,70)
```
#636a46
```
#636a46 rgb(99,106,70)
```
#606a46
```
#606a46 rgb(96,106,70)
```

Similar Colors

Text with hexadecimal color #696a46

This text has a font color of #696a46.

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

#696a46 background color

This paragraph has a background color of #696a46.

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

#696a46 border color

This element has a border color of #696a46.

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

CSS codes

.text {color:#696a46;}

.background {background-color:#696a46;}

.border {border:1px solid #696a46;}

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

#0b0b08
```
#0b0b08 rgb(11,11,8)
```
#17170f
```
#17170f rgb(23,23,15)
```
#232317
```
#232317 rgb(35,35,23)
```
#2e2f1f
```
#2e2f1f rgb(46,47,31)
```
#3a3b27
```
#3a3b27 rgb(58,59,39)
```
#46472f
```
#46472f rgb(70,71,47)
```
#525236
```
#525236 rgb(82,82,54)
```
#5d5e3e
```
#5d5e3e rgb(93,94,62)
```
#696a46
```
#696a46 rgb(105,106,70)
```
#75764e
```
#75764e rgb(117,118,78)
```
#808256
```
#808256 rgb(128,130,86)
```
#8c8d5d
```
#8c8d5d rgb(140,141,93)
```
#989965
```
#989965 rgb(152,153,101)
```

Shade Color Variation

#a0a171
```
#a0a171 rgb(160,161,113)
```
#a8a97d
```
#a8a97d rgb(168,169,125)
```
#b0b189
```
#b0b189 rgb(176,177,137)
```
#b8b994
```
#b8b994 rgb(184,185,148)
```
#bfc0a0
```
#bfc0a0 rgb(191,192,160)
```
#c7c8ac
```
#c7c8ac rgb(199,200,172)
```
#cfd0b8
```
#cfd0b8 rgb(207,208,184)
```
#d7d8c4
```
#d7d8c4 rgb(215,216,196)
```
#dfe0cf
```
#dfe0cf rgb(223,224,207)
```
#e7e7db
```
#e7e7db rgb(231,231,219)
```
#efefe7
```
#efefe7 rgb(239,239,231)
```
#f7f7f3
```
#f7f7f3 rgb(247,247,243)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5c5c54
```
#5c5c54 rgb(92,92,84)
```
#63634d
```
#63634d rgb(99,99,77)
```
#696a46
```
#696a46 rgb(105,106,70)
```
#6f713f
```
#6f713f rgb(111,113,63)
```
#767838
```
#767838 rgb(118,120,56)
```
#7c7e32
```
#7c7e32 rgb(124,126,50)
```
#83852b
```
#83852b rgb(131,133,43)
```
#898c24
```
#898c24 rgb(137,140,36)
```
#8f931d
```
#8f931d rgb(143,147,29)
```
#969917
```
#969917 rgb(150,153,23)
```
#9ca010
```
#9ca010 rgb(156,160,16)
```
#a3a709
```
#a3a709 rgb(163,167,9)
```
#a9ae02
```
#a9ae02 rgb(169,174,2)
```

Tone Color Variation

Below, you can see how #696a46 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
#676760 Atypical Achromatopsia 0.001% of the population

Dichromacy

#786f4e Protanopia 1% of men
#836b51 Deuteranopia 1% of men
#766c74 Tritanopia 0.001% of the population

Trichromacy

#726d4b Protanomaly 1% of men, 0.01% of women
#796a4d Deuteranomaly 6% of men, 0.4% of women
#716b63 Tritanomaly 0.01% of the population

#696a46 hex color

#696a46 Color Information

#696a46 Color Conversion

Color Schemes with #696a46

Alternatives to #696a46

#696a46 Preview

Shades and Tints of #696a46

Tones of #696a46

Color Blindness Simulator