colorhexa.com

#535220 hex color

In a RGB color space, hex #535220 is composed of 32.5% red, 32.2% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.2% magenta, 61.4% yellow and 67.5% black. It has a hue angle of 58.8 degrees, a saturation of 44.3% and a lightness of 22.5%. #535220 color hex could be obtained by blending #a6a440 with #000000. Closest websafe color is: #666633.

- R 33
- G 32
- B 13
RGB color chart
- C 0
- M 1
- Y 61
- K 67
CMYK color chart

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

The hexadecimal color #535220 has RGB values of R:83, G:82, B:32 and CMYK values of C:0, M:0.01, Y:0.61, K:0.67. Its decimal value is 5460512.

Hex triplet	535220	`#535220`
RGB Decimal	83, 82, 32	`rgb(83,82,32)`
RGB Percent	32.5, 32.2, 12.5	`rgb(32.5%,32.2%,12.5%)`
CMYK	0, 1, 61, 67
HSL	58.8°, 44.3, 22.5	`hsl(58.8,44.3%,22.5%)`
HSV (or HSB)	58.8°, 61.4, 32.5
Web Safe	666633	`#666633`

CIE-LAB	33.937, -7.218, 28.909
XYZ	6.845, 7.978, 2.546
xyY	0.394, 0.459, 7.978
CIE-LCH	33.937, 29.797, 104.019
CIE-LUV	33.937, 2.764, 29.511
Hunter-Lab	28.245, -6.17, 14.428
Binary	01010011, 01010010, 00100000

#535220
```
#535220 rgb(83,82,32)
```
#202153
```
#202153 rgb(32,33,83)
```

Complementary Color

#533920
```
#533920 rgb(83,57,32)
```
#535220
```
#535220 rgb(83,82,32)
```
#3b5320
```
#3b5320 rgb(59,83,32)
```

Analogous Color

#392053
```
#392053 rgb(57,32,83)
```
#535220
```
#535220 rgb(83,82,32)
```
#203b53
```
#203b53 rgb(32,59,83)
```

Split Complementary Color

#1c1b0b
```
#1c1b0b rgb(28,27,11)
```
#2e2e12
```
#2e2e12 rgb(46,46,18)
```
#414019
```
#414019 rgb(65,64,25)
```
#535220
```
#535220 rgb(83,82,32)
```
#656427
```
#656427 rgb(101,100,39)
```
#78762e
```
#78762e rgb(120,118,46)
```
#8a8935
```
#8a8935 rgb(138,137,53)
```

Monochromatic Color

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

#534520
```
#534520 rgb(83,69,32)
```
#534a20
```
#534a20 rgb(83,74,32)
```
#534e20
```
#534e20 rgb(83,78,32)
```
#535220
```
#535220 rgb(83,82,32)
```
#505320
```
#505320 rgb(80,83,32)
```
#4c5320
```
#4c5320 rgb(76,83,32)
```
#475320
```
#475320 rgb(71,83,32)
```

Similar Colors

Text with hexadecimal color #535220

This text has a font color of #535220.

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

#535220 background color

This paragraph has a background color of #535220.

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

#535220 border color

This element has a border color of #535220.

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

CSS codes

.text {color:#535220;}

.background {background-color:#535220;}

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

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

#0c0c05
```
#0c0c05 rgb(12,12,5)
```
#1a1a0a
```
#1a1a0a rgb(26,26,10)
```
#292810
```
#292810 rgb(41,40,16)
```
#373615
```
#373615 rgb(55,54,21)
```
#45441b
```
#45441b rgb(69,68,27)
```
#535220
```
#535220 rgb(83,82,32)
```
#616025
```
#616025 rgb(97,96,37)
```
#6f6e2b
```
#6f6e2b rgb(111,110,43)
```
#7d7c30
```
#7d7c30 rgb(125,124,48)
```
#8c8a36
```
#8c8a36 rgb(140,138,54)
```
#9a983b
```
#9a983b rgb(154,152,59)
```
#a8a641
```
#a8a641 rgb(168,166,65)
```
#b6b446
```
#b6b446 rgb(182,180,70)
```

Shade Color Variation

#bdbb53
```
#bdbb53 rgb(189,187,83)
```
#c2c061
```
#c2c061 rgb(194,192,97)
```
#c8c66f
```
#c8c66f rgb(200,198,111)
```
#cdcc7e
```
#cdcc7e rgb(205,204,126)
```
#d3d18c
```
#d3d18c rgb(211,209,140)
```
#d8d79a
```
#d8d79a rgb(216,215,154)
```
#dedca8
```
#dedca8 rgb(222,220,168)
```
#e3e2b6
```
#e3e2b6 rgb(227,226,182)
```
#e8e8c4
```
#e8e8c4 rgb(232,232,196)
```
#eeedd3
```
#eeedd3 rgb(238,237,211)
```
#f3f3e1
```
#f3f3e1 rgb(243,243,225)
```
#f9f9ef
```
#f9f9ef rgb(249,249,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#3d3d36
```
#3d3d36 rgb(61,61,54)
```
#414132
```
#414132 rgb(65,65,50)
```
#46452d
```
#46452d rgb(70,69,45)
```
#4a4a29
```
#4a4a29 rgb(74,74,41)
```
#4f4e24
```
#4f4e24 rgb(79,78,36)
```
#535220
```
#535220 rgb(83,82,32)
```
#57561c
```
#57561c rgb(87,86,28)
```
#5c5a17
```
#5c5a17 rgb(92,90,23)
```
#605f13
```
#605f13 rgb(96,95,19)
```
#65630e
```
#65630e rgb(101,99,14)
```
#69670a
```
#69670a rgb(105,103,10)
```
#6e6b05
```
#6e6b05 rgb(110,107,5)
```
#727001
```
#727001 rgb(114,112,1)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4e4e44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#62592b Protanopia 1% of men
#6c542d Deuteranopia 1% of men
#61555b Tritanopia 0.001% of the population

Trichromacy

#5c5627 Protanomaly 1% of men, 0.01% of women
#635328 Deuteranomaly 6% of men, 0.4% of women
#5c5446 Tritanomaly 0.01% of the population