#696646 hex color

In a RGB color space, hex #696646 is composed of 41.2% red, 40% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.9% magenta, 33.3% yellow and 58.8% black. It has a hue angle of 54.9 degrees, a saturation of 20% and a lightness of 34.3%. #696646 color hex could be obtained by blending #d2cc8c with #000000. Closest websafe color is: #666633.

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

● #696646 color description : Very dark grayish yellow.

The hexadecimal color #696646 has RGB values of R:105, G:102, B:70 and CMYK values of C:0, M:0.03, Y:0.33, K:0.59. Its decimal value is 6907462.

Hex triplet	696646	`#696646`
RGB Decimal	105, 102, 70	`rgb(105,102,70)`
RGB Percent	41.2, 40, 27.5	`rgb(41.2%,40%,27.5%)`
CMYK	0, 3, 33, 59
HSL	54.9°, 20, 34.3	`hsl(54.9,20%,34.3%)`
HSV (or HSB)	54.9°, 33.3, 41.2
Web Safe	666633	`#666633`

CIE-LAB	42.685, -4.354, 18.554
XYZ	11.682, 12.948, 7.678
xyY	0.362, 0.401, 12.948
CIE-LCH	42.685, 19.058, 103.206
CIE-LUV	42.685, 3.48, 22.574
Hunter-Lab	35.984, -5.02, 12.538
Binary	01101001, 01100110, 01000110

#696646
```
#696646 rgb(105,102,70)
```
#464969
```
#464969 rgb(70,73,105)
```

Complementary Color

#695546
```
#695546 rgb(105,85,70)
```
#696646
```
#696646 rgb(105,102,70)
```
#5b6946
```
#5b6946 rgb(91,105,70)
```

Analogous Color

#554669
```
#554669 rgb(85,70,105)
```
#696646
```
#696646 rgb(105,102,70)
```
#465b69
```
#465b69 rgb(70,91,105)
```

Split Complementary Color

#664669
```
#664669 rgb(102,70,105)
```
#696646
```
#696646 rgb(105,102,70)
```
#466966
```
#466966 rgb(70,105,102)
```

Triadic Color

#694649
```
#694649 rgb(105,70,73)
```
#696646
```
#696646 rgb(105,102,70)
```
#466966
```
#466966 rgb(70,105,102)
```
#464969
```
#464969 rgb(70,73,105)
```

Tetradic Color

#3b3927
```
#3b3927 rgb(59,57,39)
```
#4a4832
```
#4a4832 rgb(74,72,50)
```
#5a573c
```
#5a573c rgb(90,87,60)
```
#696646
```
#696646 rgb(105,102,70)
```
#787550
```
#787550 rgb(120,117,80)
```
#88845a
```
#88845a rgb(136,132,90)
```
#979365
```
#979365 rgb(151,147,101)
```

Monochromatic Color

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

#695d46
```
#695d46 rgb(105,93,70)
```
#696046
```
#696046 rgb(105,96,70)
```
#696346
```
#696346 rgb(105,99,70)
```
#696646
```
#696646 rgb(105,102,70)
```
#696946
```
#696946 rgb(105,105,70)
```
#666946
```
#666946 rgb(102,105,70)
```
#636946
```
#636946 rgb(99,105,70)
```

Similar Colors

Text with hexadecimal color #696646

This text has a font color of #696646.

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

#696646 background color

This paragraph has a background color of #696646.

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

#696646 border color

This element has a border color of #696646.

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

CSS codes

.text {color:#696646;}

.background {background-color:#696646;}

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

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

#0b0b07
```
#0b0b07 rgb(11,11,7)
```
#17160f
```
#17160f rgb(23,22,15)
```
#222117
```
#222117 rgb(34,33,23)
```
#2e2d1f
```
#2e2d1f rgb(46,45,31)
```
#3a3827
```
#3a3827 rgb(58,56,39)
```
#46442e
```
#46442e rgb(70,68,46)
```
#514f36
```
#514f36 rgb(81,79,54)
```
#5d5b3e
```
#5d5b3e rgb(93,91,62)
```
#696646
```
#696646 rgb(105,102,70)
```
#75714e
```
#75714e rgb(117,113,78)
```
#817d56
```
#817d56 rgb(129,125,86)
```
#8c885e
```
#8c885e rgb(140,136,94)
```
#989465
```
#989465 rgb(152,148,101)
```

Shade Color Variation

#a09c71
```
#a09c71 rgb(160,156,113)
```
#a8a47d
```
#a8a47d rgb(168,164,125)
```
#b0ad88
```
#b0ad88 rgb(176,173,136)
```
#b8b594
```
#b8b594 rgb(184,181,148)
```
#c0bda0
```
#c0bda0 rgb(192,189,160)
```
#c7c5ac
```
#c7c5ac rgb(199,197,172)
```
#cfcdb7
```
#cfcdb7 rgb(207,205,183)
```
#d7d5c3
```
#d7d5c3 rgb(215,213,195)
```
#dfdecf
```
#dfdecf rgb(223,222,207)
```
#e7e6db
```
#e7e6db rgb(231,230,219)
```
#efeee7
```
#efeee7 rgb(239,238,231)
```
#f7f6f2
```
#f7f6f2 rgb(247,246,242)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#5c5b53
```
#5c5b53 rgb(92,91,83)
```
#62604d
```
#62604d rgb(98,96,77)
```
#696646
```
#696646 rgb(105,102,70)
```
#706c3f
```
#706c3f rgb(112,108,63)
```
#767139
```
#767139 rgb(118,113,57)
```
#7d7732
```
#7d7732 rgb(125,119,50)
```
#847c2b
```
#847c2b rgb(132,124,43)
```
#8b8224
```
#8b8224 rgb(139,130,36)
```
#91871e
```
#91871e rgb(145,135,30)
```
#988d17
```
#988d17 rgb(152,141,23)
```
#9f9310
```
#9f9310 rgb(159,147,16)
```
#a69809
```
#a69809 rgb(166,152,9)
```
#ac9e03
```
#ac9e03 rgb(172,158,3)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#64645d Atypical Achromatopsia 0.001% of the population

Dichromacy

#746c4f Protanopia 1% of men
#7f6851 Deuteranopia 1% of men
#756971 Tritanopia 0.001% of the population

Trichromacy

#706a4b Protanomaly 1% of men, 0.01% of women
#77674d Deuteranomaly 6% of men, 0.4% of women
#706861 Tritanomaly 0.01% of the population

#696646 hex color

#696646 Color Information

#696646 Color Conversion

Color Schemes with #696646

Alternatives to #696646

#696646 Preview

Shades and Tints of #696646

Tones of #696646

Color Blindness Simulator