#533a22 hex color

In a RGB color space, hex #533a22 is composed of 32.5% red, 22.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.1% magenta, 59% yellow and 67.5% black. It has a hue angle of 29.4 degrees, a saturation of 41.9% and a lightness of 22.9%. #533a22 color hex could be obtained by blending #a67444 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 33
- G 23
- B 13
RGB color chart
- C 0
- M 30
- Y 59
- K 67
CMYK color chart

● #533a22 color description : Very dark desaturated orange.

The hexadecimal color #533a22 has RGB values of R:83, G:58, B:34 and CMYK values of C:0, M:0.3, Y:0.59, K:0.67. Its decimal value is 5454370.

Hex triplet	533a22	`#533a22`
RGB Decimal	83, 58, 34	`rgb(83,58,34)`
RGB Percent	32.5, 22.7, 13.3	`rgb(32.5%,22.7%,13.3%)`
CMYK	0, 30, 59, 67
HSL	29.4°, 41.9, 22.9	`hsl(29.4,41.9%,22.9%)`
HSV (or HSB)	29.4°, 59, 32.5
Web Safe	663333	`#663333`

CIE-LAB	26.68, 7.882, 19.18
XYZ	5.369, 4.981, 2.192
xyY	0.428, 0.397, 4.981
CIE-LCH	26.68, 20.737, 67.66
CIE-LUV	26.68, 17.339, 16.982
Hunter-Lab	22.318, 3.886, 9.799
Binary	01010011, 00111010, 00100010

#533a22
```
#533a22 rgb(83,58,34)
```
#223b53
```
#223b53 rgb(34,59,83)
```

Complementary Color

#532223
```
#532223 rgb(83,34,35)
```
#533a22
```
#533a22 rgb(83,58,34)
```
#535322
```
#535322 rgb(83,83,34)
```

Analogous Color

#222353
```
#222353 rgb(34,35,83)
```
#533a22
```
#533a22 rgb(83,58,34)
```
#225353
```
#225353 rgb(34,83,83)
```

Split Complementary Color

#3a2253
```
#3a2253 rgb(58,34,83)
```
#533a22
```
#533a22 rgb(83,58,34)
```
#22533a
```
#22533a rgb(34,83,58)
```

Triadic Color

#53223b
```
#53223b rgb(83,34,59)
```
#533a22
```
#533a22 rgb(83,58,34)
```
#22533a
```
#22533a rgb(34,83,58)
```
#223b53
```
#223b53 rgb(34,59,83)
```

Tetradic Color

#1d140c
```
#1d140c rgb(29,20,12)
```
#2f2113
```
#2f2113 rgb(47,33,19)
```
#412d1b
```
#412d1b rgb(65,45,27)
```
#533a22
```
#533a22 rgb(83,58,34)
```
#654729
```
#654729 rgb(101,71,41)
```
#775331
```
#775331 rgb(119,83,49)
```
#896038
```
#896038 rgb(137,96,56)
```

Monochromatic Color

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

#532e22
```
#532e22 rgb(83,46,34)
```
#533222
```
#533222 rgb(83,50,34)
```
#533622
```
#533622 rgb(83,54,34)
```
#533a22
```
#533a22 rgb(83,58,34)
```
#533e22
```
#533e22 rgb(83,62,34)
```
#534222
```
#534222 rgb(83,66,34)
```
#534622
```
#534622 rgb(83,70,34)
```

Similar Colors

Text with hexadecimal color #533a22

This text has a font color of #533a22.

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

#533a22 background color

This paragraph has a background color of #533a22.

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

#533a22 border color

This element has a border color of #533a22.

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

CSS codes

.text {color:#533a22;}

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

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

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

#0d0905
```
#0d0905 rgb(13,9,5)
```
#1b130b
```
#1b130b rgb(27,19,11)
```
#291d11
```
#291d11 rgb(41,29,17)
```
#372717
```
#372717 rgb(55,39,23)
```
#45301c
```
#45301c rgb(69,48,28)
```
#533a22
```
#533a22 rgb(83,58,34)
```
#614428
```
#614428 rgb(97,68,40)
```
#6f4d2d
```
#6f4d2d rgb(111,77,45)
```
#7d5733
```
#7d5733 rgb(125,87,51)
```
#8b6139
```
#8b6139 rgb(139,97,57)
```
#996b3f
```
#996b3f rgb(153,107,63)
```
#a67444
```
#a67444 rgb(166,116,68)
```
#b47e4a
```
#b47e4a rgb(180,126,74)
```

Shade Color Variation

#ba8858
```
#ba8858 rgb(186,136,88)
```
#c09265
```
#c09265 rgb(192,146,101)
```
#c69c73
```
#c69c73 rgb(198,156,115)
```
#cba681
```
#cba681 rgb(203,166,129)
```
#d1b08f
```
#d1b08f rgb(209,176,143)
```
#d7b99d
```
#d7b99d rgb(215,185,157)
```
#ddc3ab
```
#ddc3ab rgb(221,195,171)
```
#e2cdb9
```
#e2cdb9 rgb(226,205,185)
```
#e8d7c7
```
#e8d7c7 rgb(232,215,199)
```
#eee1d5
```
#eee1d5 rgb(238,225,213)
```
#f3ebe3
```
#f3ebe3 rgb(243,235,227)
```
#f9f5f1
```
#f9f5f1 rgb(249,245,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#3d3a39
```
#3d3a39 rgb(61,58,57)
```
#413a34
```
#413a34 rgb(65,58,52)
```
#463a30
```
#463a30 rgb(70,58,48)
```
#4a3a2b
```
#4a3a2b rgb(74,58,43)
```
#4f3a27
```
#4f3a27 rgb(79,58,39)
```
#533a22
```
#533a22 rgb(83,58,34)
```
#583a1e
```
#583a1e rgb(88,58,30)
```
#5c3a19
```
#5c3a19 rgb(92,58,25)
```
#613a15
```
#613a15 rgb(97,58,21)
```
#653a10
```
#653a10 rgb(101,58,16)
```
#6a3a0c
```
#6a3a0c rgb(106,58,12)
```
#6e3907
```
#6e3907 rgb(110,57,7)
```
#733902
```
#733902 rgb(115,57,2)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#433e39 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f492f Protanopia 1% of men
#58452d Deuteranopia 1% of men
#5e4145 Tritanopia 0.001% of the population

Trichromacy

#50432a Protanomaly 1% of men, 0.01% of women
#564129 Deuteranomaly 6% of men, 0.4% of women
#5a3e38 Tritanomaly 0.01% of the population

#533a22 hex color

#533a22 Color Information

#533a22 Color Conversion

Color Schemes with #533a22

Alternatives to #533a22

#533a22 Preview

Shades and Tints of #533a22

Tones of #533a22

Color Blindness Simulator