#533a2f hex color

In a RGB color space, hex #533a2f is composed of 32.5% red, 22.7% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.1% magenta, 43.4% yellow and 67.5% black. It has a hue angle of 18.3 degrees, a saturation of 27.7% and a lightness of 25.5%. #533a2f color hex could be obtained by blending #a6745e with #000000. Closest websafe color is: #663333.

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

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

The hexadecimal color #533a2f has RGB values of R:83, G:58, B:47 and CMYK values of C:0, M:0.3, Y:0.43, K:0.67. Its decimal value is 5454383.

Hex triplet	533a2f	`#533a2f`
RGB Decimal	83, 58, 47	`rgb(83,58,47)`
RGB Percent	32.5, 22.7, 18.4	`rgb(32.5%,22.7%,18.4%)`
CMYK	0, 30, 43, 67
HSL	18.3°, 27.7, 25.5	`hsl(18.3,27.7%,25.5%)`
HSV (or HSB)	18.3°, 43.4, 32.5
Web Safe	663333	`#663333`

CIE-LAB	26.935, 9.419, 11.211
XYZ	5.593, 5.071, 3.373
xyY	0.398, 0.361, 5.071
CIE-LCH	26.935, 14.643, 49.964
CIE-LUV	26.935, 16.092, 10.131
Hunter-Lab	22.518, 4.933, 6.881
Binary	01010011, 00111010, 00101111

#533a2f
```
#533a2f rgb(83,58,47)
```
#2f4853
```
#2f4853 rgb(47,72,83)
```

Complementary Color

#532f36
```
#532f36 rgb(83,47,54)
```
#533a2f
```
#533a2f rgb(83,58,47)
```
#534c2f
```
#534c2f rgb(83,76,47)
```

Analogous Color

#2f3653
```
#2f3653 rgb(47,54,83)
```
#533a2f
```
#533a2f rgb(83,58,47)
```
#2f534c
```
#2f534c rgb(47,83,76)
```

Split Complementary Color

#3a2f53
```
#3a2f53 rgb(58,47,83)
```
#533a2f
```
#533a2f rgb(83,58,47)
```
#2f533a
```
#2f533a rgb(47,83,58)
```

Triadic Color

#532f48
```
#532f48 rgb(83,47,72)
```
#533a2f
```
#533a2f rgb(83,58,47)
```
#2f533a
```
#2f533a rgb(47,83,58)
```
#2f4853
```
#2f4853 rgb(47,72,83)
```

Tetradic Color

#221813
```
#221813 rgb(34,24,19)
```
#32231d
```
#32231d rgb(50,35,29)
```
#432f26
```
#432f26 rgb(67,47,38)
```
#533a2f
```
#533a2f rgb(83,58,47)
```
#634538
```
#634538 rgb(99,69,56)
```
#745141
```
#745141 rgb(116,81,65)
```
#845c4b
```
#845c4b rgb(132,92,75)
```

Monochromatic Color

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

#53312f
```
#53312f rgb(83,49,47)
```
#53342f
```
#53342f rgb(83,52,47)
```
#53372f
```
#53372f rgb(83,55,47)
```
#533a2f
```
#533a2f rgb(83,58,47)
```
#533d2f
```
#533d2f rgb(83,61,47)
```
#53402f
```
#53402f rgb(83,64,47)
```
#53432f
```
#53432f rgb(83,67,47)
```

Similar Colors

Text with hexadecimal color #533a2f

This text has a font color of #533a2f.

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

#533a2f background color

This paragraph has a background color of #533a2f.

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

#533a2f border color

This element has a border color of #533a2f.

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

CSS codes

.text {color:#533a2f;}

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

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

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

#080504
```
#080504 rgb(8,5,4)
```
#140e0c
```
#140e0c rgb(20,14,12)
```
#211713
```
#211713 rgb(33,23,19)
```
#2d201a
```
#2d201a rgb(45,32,26)
```
#3a2821
```
#3a2821 rgb(58,40,33)
```
#463128
```
#463128 rgb(70,49,40)
```
#533a2f
```
#533a2f rgb(83,58,47)
```
#604336
```
#604336 rgb(96,67,54)
```
#6c4c3d
```
#6c4c3d rgb(108,76,61)
```
#795444
```
#795444 rgb(121,84,68)
```
#855d4b
```
#855d4b rgb(133,93,75)
```
#926652
```
#926652 rgb(146,102,82)
```
#9e6f5a
```
#9e6f5a rgb(158,111,90)
```

Shade Color Variation

#a77964
```
#a77964 rgb(167,121,100)
```
#ae8371
```
#ae8371 rgb(174,131,113)
```
#b58e7d
```
#b58e7d rgb(181,142,125)
```
#bd998a
```
#bd998a rgb(189,153,138)
```
#c4a496
```
#c4a496 rgb(196,164,150)
```
#cbafa3
```
#cbafa3 rgb(203,175,163)
```
#d2baaf
```
#d2baaf rgb(210,186,175)
```
#d9c5bc
```
#d9c5bc rgb(217,197,188)
```
#e0cfc8
```
#e0cfc8 rgb(224,207,200)
```
#e7dad5
```
#e7dad5 rgb(231,218,213)
```
#eee5e1
```
#eee5e1 rgb(238,229,225)
```
#f5f0ee
```
#f5f0ee rgb(245,240,238)
```
#fcfbfa
```
#fcfbfa rgb(252,251,250)
```

Tint Color Variation

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

#44403e
```
#44403e rgb(68,64,62)
```
#493e39
```
#493e39 rgb(73,62,57)
```
#4e3c34
```
#4e3c34 rgb(78,60,52)
```
#533a2f
```
#533a2f rgb(83,58,47)
```
#58382a
```
#58382a rgb(88,56,42)
```
#5d3625
```
#5d3625 rgb(93,54,37)
```
#623420
```
#623420 rgb(98,52,32)
```
#67321b
```
#67321b rgb(103,50,27)
```
#6c3016
```
#6c3016 rgb(108,48,22)
```
#712e11
```
#712e11 rgb(113,46,17)
```
#762c0c
```
#762c0c rgb(118,44,12)
```
#7b2a07
```
#7b2a07 rgb(123,42,7)
```
#802902
```
#802902 rgb(128,41,2)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#443f3d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d493c Protanopia 1% of men
#564639 Deuteranopia 1% of men
#5d4246 Tritanopia 0.001% of the population

Trichromacy

#4f4337 Protanomaly 1% of men, 0.01% of women
#544235 Deuteranomaly 6% of men, 0.4% of women
#593f3e Tritanomaly 0.01% of the population

#533a2f hex color

#533a2f Color Information

#533a2f Color Conversion

Color Schemes with #533a2f

Alternatives to #533a2f

#533a2f Preview

Shades and Tints of #533a2f

Tones of #533a2f

Color Blindness Simulator