#533f20 hex color

In a RGB color space, hex #533f20 is composed of 32.5% red, 24.7% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.1% magenta, 61.4% yellow and 67.5% black. It has a hue angle of 36.5 degrees, a saturation of 44.3% and a lightness of 22.5%. #533f20 color hex could be obtained by blending #a67e40 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 33
- G 25
- B 13
RGB color chart
- C 0
- M 24
- Y 61
- K 67
CMYK color chart

● #533f20 color description : Very dark orange [Brown tone].

The hexadecimal color #533f20 has RGB values of R:83, G:63, B:32 and CMYK values of C:0, M:0.24, Y:0.61, K:0.67. Its decimal value is 5455648.

Hex triplet	533f20	`#533f20`
RGB Decimal	83, 63, 32	`rgb(83,63,32)`
RGB Percent	32.5, 24.7, 12.5	`rgb(32.5%,24.7%,12.5%)`
CMYK	0, 24, 61, 67
HSL	36.5°, 44.3, 22.5	`hsl(36.5,44.3%,22.5%)`
HSV (or HSB)	36.5°, 61.4, 32.5
Web Safe	663333	`#663333`

CIE-LAB	28.11, 4.493, 22.142
XYZ	5.606, 5.499, 2.133
xyY	0.423, 0.415, 5.499
CIE-LCH	28.11, 22.593, 78.529
CIE-LUV	28.11, 14.427, 20.259
Hunter-Lab	23.449, 1.635, 11.022
Binary	01010011, 00111111, 00100000

#533f20
```
#533f20 rgb(83,63,32)
```
#203453
```
#203453 rgb(32,52,83)
```

Complementary Color

#532620
```
#532620 rgb(83,38,32)
```
#533f20
```
#533f20 rgb(83,63,32)
```
#4e5320
```
#4e5320 rgb(78,83,32)
```

Analogous Color

#262053
```
#262053 rgb(38,32,83)
```
#533f20
```
#533f20 rgb(83,63,32)
```
#204e53
```
#204e53 rgb(32,78,83)
```

Split Complementary Color

#3f2053
```
#3f2053 rgb(63,32,83)
```
#533f20
```
#533f20 rgb(83,63,32)
```
#20533f
```
#20533f rgb(32,83,63)
```

Triadic Color

#532034
```
#532034 rgb(83,32,52)
```
#533f20
```
#533f20 rgb(83,63,32)
```
#20533f
```
#20533f rgb(32,83,63)
```
#203453
```
#203453 rgb(32,52,83)
```

Tetradic Color

#1c150b
```
#1c150b rgb(28,21,11)
```
#2e2312
```
#2e2312 rgb(46,35,18)
```
#413119
```
#413119 rgb(65,49,25)
```
#533f20
```
#533f20 rgb(83,63,32)
```
#654d27
```
#654d27 rgb(101,77,39)
```
#785b2e
```
#785b2e rgb(120,91,46)
```
#8a6935
```
#8a6935 rgb(138,105,53)
```

Monochromatic Color

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

#533220
```
#533220 rgb(83,50,32)
```
#533720
```
#533720 rgb(83,55,32)
```
#533b20
```
#533b20 rgb(83,59,32)
```
#533f20
```
#533f20 rgb(83,63,32)
```
#534320
```
#534320 rgb(83,67,32)
```
#534820
```
#534820 rgb(83,72,32)
```
#534c20
```
#534c20 rgb(83,76,32)
```

Similar Colors

Text with hexadecimal color #533f20

This text has a font color of #533f20.

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

#533f20 background color

This paragraph has a background color of #533f20.

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

#533f20 border color

This element has a border color of #533f20.

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

CSS codes

.text {color:#533f20;}

.background {background-color:#533f20;}

.border {border:1px solid #533f20;}

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

#0c0905
```
#0c0905 rgb(12,9,5)
```
#1a140a
```
#1a140a rgb(26,20,10)
```
#291f10
```
#291f10 rgb(41,31,16)
```
#372a15
```
#372a15 rgb(55,42,21)
```
#45341b
```
#45341b rgb(69,52,27)
```
#533f20
```
#533f20 rgb(83,63,32)
```
#614a25
```
#614a25 rgb(97,74,37)
```
#6f542b
```
#6f542b rgb(111,84,43)
```
#7d5f30
```
#7d5f30 rgb(125,95,48)
```
#8c6a36
```
#8c6a36 rgb(140,106,54)
```
#9a753b
```
#9a753b rgb(154,117,59)
```
#a87f41
```
#a87f41 rgb(168,127,65)
```
#b68a46
```
#b68a46 rgb(182,138,70)
```

Shade Color Variation

#bd9353
```
#bd9353 rgb(189,147,83)
```
#c29c61
```
#c29c61 rgb(194,156,97)
```
#c8a56f
```
#c8a56f rgb(200,165,111)
```
#cdae7e
```
#cdae7e rgb(205,174,126)
```
#d3b78c
```
#d3b78c rgb(211,183,140)
```
#d8c09a
```
#d8c09a rgb(216,192,154)
```
#dec9a8
```
#dec9a8 rgb(222,201,168)
```
#e3d1b6
```
#e3d1b6 rgb(227,209,182)
```
#e8dac4
```
#e8dac4 rgb(232,218,196)
```
#eee3d3
```
#eee3d3 rgb(238,227,211)
```
#f3ece1
```
#f3ece1 rgb(243,236,225)
```
#f9f5ef
```
#f9f5ef rgb(249,245,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#3d3a36
```
#3d3a36 rgb(61,58,54)
```
#413b32
```
#413b32 rgb(65,59,50)
```
#463c2d
```
#463c2d rgb(70,60,45)
```
#4a3d29
```
#4a3d29 rgb(74,61,41)
```
#4f3e24
```
#4f3e24 rgb(79,62,36)
```
#533f20
```
#533f20 rgb(83,63,32)
```
#57401c
```
#57401c rgb(87,64,28)
```
#5c4117
```
#5c4117 rgb(92,65,23)
```
#604213
```
#604213 rgb(96,66,19)
```
#65430e
```
#65430e rgb(101,67,14)
```
#69440a
```
#69440a rgb(105,68,10)
```
#6e4505
```
#6e4505 rgb(110,69,5)
```
#724601
```
#724601 rgb(114,70,1)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#45413a Atypical Achromatopsia 0.001% of the population

Dichromacy

#534c2c Protanopia 1% of men
#5c482b Deuteranopia 1% of men
#5e454a Tritanopia 0.001% of the population

Trichromacy

#534728 Protanomaly 1% of men, 0.01% of women
#584527 Deuteranomaly 6% of men, 0.4% of women
#5a433a Tritanomaly 0.01% of the population

#533f20 hex color

#533f20 Color Information

#533f20 Color Conversion

Color Schemes with #533f20

Alternatives to #533f20

#533f20 Preview

Shades and Tints of #533f20

Tones of #533f20

Color Blindness Simulator