#697316 hex color

In a RGB color space, hex #697316 is composed of 41.2% red, 45.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 8.7% cyan, 0% magenta, 80.9% yellow and 54.9% black. It has a hue angle of 66.5 degrees, a saturation of 67.9% and a lightness of 26.9%. #697316 color hex could be obtained by blending #d2e62c with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 41
- G 45
- B 9
RGB color chart
- C 9
- M 0
- Y 81
- K 55
CMYK color chart

● #697316 color description : Dark yellow [Olive tone].

The hexadecimal color #697316 has RGB values of R:105, G:115, B:22 and CMYK values of C:0.09, M:0, Y:0.81, K:0.55. Its decimal value is 6910742.

Hex triplet	697316	`#697316`
RGB Decimal	105, 115, 22	`rgb(105,115,22)`
RGB Percent	41.2, 45.1, 8.6	`rgb(41.2%,45.1%,8.6%)`
CMYK	9, 0, 81, 55
HSL	66.5°, 67.9, 26.9	`hsl(66.5,67.9%,26.9%)`
HSV (or HSB)	66.5°, 80.9, 45.1
Web Safe	666600	`#666600`

CIE-LAB	46.073, -16.02, 46.09
XYZ	12.101, 15.323, 3.079
xyY	0.397, 0.502, 15.323
CIE-LCH	46.073, 48.795, 109.167
CIE-LUV	46.073, -3.072, 48.33
Hunter-Lab	39.144, -13.32, 22.737
Binary	01101001, 01110011, 00010110

#697316
```
#697316 rgb(105,115,22)
```
#201673
```
#201673 rgb(32,22,115)
```

Complementary Color

#734f16
```
#734f16 rgb(115,79,22)
```
#697316
```
#697316 rgb(105,115,22)
```
#3b7316
```
#3b7316 rgb(59,115,22)
```

Analogous Color

#4f1673
```
#4f1673 rgb(79,22,115)
```
#697316
```
#697316 rgb(105,115,22)
```
#163b73
```
#163b73 rgb(22,59,115)
```

Split Complementary Color

#731669
```
#731669 rgb(115,22,105)
```
#697316
```
#697316 rgb(105,115,22)
```
#166973
```
#166973 rgb(22,105,115)
```

Triadic Color

#732016
```
#732016 rgb(115,32,22)
```
#697316
```
#697316 rgb(105,115,22)
```
#166973
```
#166973 rgb(22,105,115)
```
#201673
```
#201673 rgb(32,22,115)
```

Tetradic Color

#2e330a
```
#2e330a rgb(46,51,10)
```
#42480e
```
#42480e rgb(66,72,14)
```
#555e12
```
#555e12 rgb(85,94,18)
```
#697316
```
#697316 rgb(105,115,22)
```
#7d881a
```
#7d881a rgb(125,136,26)
```
#909e1e
```
#909e1e rgb(144,158,30)
```
#a4b322
```
#a4b322 rgb(164,179,34)
```

Monochromatic Color

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

#736616
```
#736616 rgb(115,102,22)
```
#736e16
```
#736e16 rgb(115,110,22)
```
#717316
```
#717316 rgb(113,115,22)
```
#697316
```
#697316 rgb(105,115,22)
```
#617316
```
#617316 rgb(97,115,22)
```
#5a7316
```
#5a7316 rgb(90,115,22)
```
#527316
```
#527316 rgb(82,115,22)
```

Similar Colors

Text with hexadecimal color #697316

This text has a font color of #697316.

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

#697316 background color

This paragraph has a background color of #697316.

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

#697316 border color

This element has a border color of #697316.

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

CSS codes

.text {color:#697316;}

.background {background-color:#697316;}

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

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

#0f1003
```
#0f1003 rgb(15,16,3)
```
#1e2106
```
#1e2106 rgb(30,33,6)
```
#2d3109
```
#2d3109 rgb(45,49,9)
```
#3c420d
```
#3c420d rgb(60,66,13)
```
#4b5210
```
#4b5210 rgb(75,82,16)
```
#5a6313
```
#5a6313 rgb(90,99,19)
```
#697316
```
#697316 rgb(105,115,22)
```
#788319
```
#788319 rgb(120,131,25)
```
#87941c
```
#87941c rgb(135,148,28)
```
#96a41f
```
#96a41f rgb(150,164,31)
```
#a5b523
```
#a5b523 rgb(165,181,35)
```
#b4c526
```
#b4c526 rgb(180,197,38)
```
#c3d629
```
#c3d629 rgb(195,214,41)
```

Shade Color Variation

#c8d939
```
#c8d939 rgb(200,217,57)
```
#cddc4a
```
#cddc4a rgb(205,220,74)
```
#d1df5a
```
#d1df5a rgb(209,223,90)
```
#d6e36b
```
#d6e36b rgb(214,227,107)
```
#dae67b
```
#dae67b rgb(218,230,123)
```
#dfe98b
```
#dfe98b rgb(223,233,139)
```
#e3ec9c
```
#e3ec9c rgb(227,236,156)
```
#e8efac
```
#e8efac rgb(232,239,172)
```
#edf2bd
```
#edf2bd rgb(237,242,189)
```
#f1f6cd
```
#f1f6cd rgb(241,246,205)
```
#f6f9de
```
#f6f9de rgb(246,249,222)
```
#fafcee
```
#fafcee rgb(250,252,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#484940
```
#484940 rgb(72,73,64)
```
#4c4e3b
```
#4c4e3b rgb(76,78,59)
```
#505336
```
#505336 rgb(80,83,54)
```
#545930
```
#545930 rgb(84,89,48)
```
#585e2b
```
#585e2b rgb(88,94,43)
```
#5d6326
```
#5d6326 rgb(93,99,38)
```
#616821
```
#616821 rgb(97,104,33)
```
#656e1b
```
#656e1b rgb(101,110,27)
```
#697316
```
#697316 rgb(105,115,22)
```
#6d7811
```
#6d7811 rgb(109,120,17)
```
#717e0b
```
#717e0b rgb(113,126,11)
```
#758306
```
#758306 rgb(117,131,6)
```
#7a8801
```
#7a8801 rgb(122,136,1)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#666855 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827420 Protanopia 1% of men
#906f28 Deuteranopia 1% of men
#79727a Tritanopia 0.001% of the population

Trichromacy

#79741c Protanomaly 1% of men, 0.01% of women
#827021 Deuteranomaly 6% of men, 0.4% of women
#737256 Tritanomaly 0.01% of the population

#697316 hex color

#697316 Color Information

#697316 Color Conversion

Color Schemes with #697316

Alternatives to #697316

#697316 Preview

Shades and Tints of #697316

Tones of #697316

Color Blindness Simulator