#535316 hex color

In a RGB color space, hex #535316 is composed of 32.5% red, 32.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 73.5% yellow and 67.5% black. It has a hue angle of 60 degrees, a saturation of 58.1% and a lightness of 20.6%. #535316 color hex could be obtained by blending #a6a62c with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 33
- G 33
- B 9
RGB color chart
- C 0
- M 0
- Y 73
- K 67
CMYK color chart

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

The hexadecimal color #535316 has RGB values of R:83, G:83, B:22 and CMYK values of C:0, M:0, Y:0.73, K:0.67. Its decimal value is 5460758.

Hex triplet	535316	`#535316`
RGB Decimal	83, 83, 22	`rgb(83,83,22)`
RGB Percent	32.5, 32.5, 8.6	`rgb(32.5%,32.5%,8.6%)`
CMYK	0, 0, 73, 67
HSL	60°, 58.1, 20.6	`hsl(60,58.1%,20.6%)`
HSV (or HSB)	60°, 73.5, 32.5
Web Safe	666600	`#666600`

CIE-LAB	34.156, -8.569, 34.053
XYZ	6.805, 8.084, 1.961
xyY	0.404, 0.48, 8.084
CIE-LCH	34.156, 35.115, 104.124
CIE-LUV	34.156, 2.395, 33.226
Hunter-Lab	28.432, -7.03, 15.813
Binary	01010011, 01010011, 00010110

#535316
```
#535316 rgb(83,83,22)
```
#161653
```
#161653 rgb(22,22,83)
```

Complementary Color

#533516
```
#533516 rgb(83,53,22)
```
#535316
```
#535316 rgb(83,83,22)
```
#355316
```
#355316 rgb(53,83,22)
```

Analogous Color

#351653
```
#351653 rgb(53,22,83)
```
#535316
```
#535316 rgb(83,83,22)
```
#163553
```
#163553 rgb(22,53,83)
```

Split Complementary Color

#531653
```
#531653 rgb(83,22,83)
```
#535316
```
#535316 rgb(83,83,22)
```
#165353
```
#165353 rgb(22,83,83)
```

Triadic Color

#531616
```
#531616 rgb(83,22,22)
```
#535316
```
#535316 rgb(83,83,22)
```
#165353
```
#165353 rgb(22,83,83)
```
#161653
```
#161653 rgb(22,22,83)
```

Tetradic Color

#171706
```
#171706 rgb(23,23,6)
```
#2b2b0b
```
#2b2b0b rgb(43,43,11)
```
#3f3f11
```
#3f3f11 rgb(63,63,17)
```
#535316
```
#535316 rgb(83,83,22)
```
#67671b
```
#67671b rgb(103,103,27)
```
#7b7b21
```
#7b7b21 rgb(123,123,33)
```
#8f8f26
```
#8f8f26 rgb(143,143,38)
```

Monochromatic Color

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

#534416
```
#534416 rgb(83,68,22)
```
#534916
```
#534916 rgb(83,73,22)
```
#534e16
```
#534e16 rgb(83,78,22)
```
#535316
```
#535316 rgb(83,83,22)
```
#4e5316
```
#4e5316 rgb(78,83,22)
```
#495316
```
#495316 rgb(73,83,22)
```
#445316
```
#445316 rgb(68,83,22)
```

Similar Colors

Text with hexadecimal color #535316

This text has a font color of #535316.

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

#535316 background color

This paragraph has a background color of #535316.

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

#535316 border color

This element has a border color of #535316.

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

CSS codes

.text {color:#535316;}

.background {background-color:#535316;}

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

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

#050501
```
#050501 rgb(5,5,1)
```
#151506
```
#151506 rgb(21,21,6)
```
#24240a
```
#24240a rgb(36,36,10)
```
#34340e
```
#34340e rgb(52,52,14)
```
#434312
```
#434312 rgb(67,67,18)
```
#535316
```
#535316 rgb(83,83,22)
```
#63631a
```
#63631a rgb(99,99,26)
```
#72721e
```
#72721e rgb(114,114,30)
```
#828222
```
#828222 rgb(130,130,34)
```
#919126
```
#919126 rgb(145,145,38)
```
#a1a12b
```
#a1a12b rgb(161,161,43)
```
#b0b02f
```
#b0b02f rgb(176,176,47)
```
#c0c033
```
#c0c033 rgb(192,192,51)
```

Shade Color Variation

#cbcb3b
```
#cbcb3b rgb(203,203,59)
```
#cfcf4a
```
#cfcf4a rgb(207,207,74)
```
#d3d35a
```
#d3d35a rgb(211,211,90)
```
#d7d769
```
#d7d769 rgb(215,215,105)
```
#dbdb79
```
#dbdb79 rgb(219,219,121)
```
#e0e088
```
#e0e088 rgb(224,224,136)
```
#e4e498
```
#e4e498 rgb(228,228,152)
```
#e8e8a7
```
#e8e8a7 rgb(232,232,167)
```
#ececb7
```
#ececb7 rgb(236,236,183)
```
#f0f0c6
```
#f0f0c6 rgb(240,240,198)
```
#f4f4d6
```
#f4f4d6 rgb(244,244,214)
```
#f8f8e5
```
#f8f8e5 rgb(248,248,229)
```
#fcfcf5
```
#fcfcf5 rgb(252,252,245)
```

Tint Color Variation

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

#373732
```
#373732 rgb(55,55,50)
```
#3b3b2e
```
#3b3b2e rgb(59,59,46)
```
#3f3f2a
```
#3f3f2a rgb(63,63,42)
```
#434326
```
#434326 rgb(67,67,38)
```
#474722
```
#474722 rgb(71,71,34)
```
#4b4b1e
```
#4b4b1e rgb(75,75,30)
```
#4f4f1a
```
#4f4f1a rgb(79,79,26)
```
#535316
```
#535316 rgb(83,83,22)
```
#575712
```
#575712 rgb(87,87,18)
```
#5b5b0e
```
#5b5b0e rgb(91,91,14)
```
#5f5f0a
```
#5f5f0a rgb(95,95,10)
```
#636306
```
#636306 rgb(99,99,6)
```
#676702
```
#676702 rgb(103,103,2)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4d4d41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#635921 Protanopia 1% of men
#6e5524 Deuteranopia 1% of men
#61565c Tritanopia 0.001% of the population

Trichromacy

#5d571d Protanomaly 1% of men, 0.01% of women
#64541f Deuteranomaly 6% of men, 0.4% of women
#5c5542 Tritanomaly 0.01% of the population

#535316 hex color

#535316 Color Information

#535316 Color Conversion

Color Schemes with #535316

Alternatives to #535316

#535316 Preview

Shades and Tints of #535316

Tones of #535316

Color Blindness Simulator