#533f2e hex color

In a RGB color space, hex #533f2e is composed of 32.5% red, 24.7% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.1% magenta, 44.6% yellow and 67.5% black. It has a hue angle of 27.6 degrees, a saturation of 28.7% and a lightness of 25.3%. #533f2e color hex could be obtained by blending #a67e5c with #000000. Closest websafe color is: #663333.

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

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

The hexadecimal color #533f2e has RGB values of R:83, G:63, B:46 and CMYK values of C:0, M:0.24, Y:0.45, K:0.67. Its decimal value is 5455662.

Hex triplet	533f2e	`#533f2e`
RGB Decimal	83, 63, 46	`rgb(83,63,46)`
RGB Percent	32.5, 24.7, 18	`rgb(32.5%,24.7%,18%)`
CMYK	0, 24, 45, 67
HSL	27.6°, 28.7, 25.3	`hsl(27.6,28.7%,25.3%)`
HSV (or HSB)	27.6°, 44.6, 32.5
Web Safe	663333	`#663333`

CIE-LAB	28.358, 6.081, 13.769
XYZ	5.838, 5.592, 3.356
xyY	0.395, 0.378, 5.592
CIE-LCH	28.358, 15.052, 66.172
CIE-LUV	28.358, 13.343, 13.275
Hunter-Lab	23.646, 2.688, 8.137
Binary	01010011, 00111111, 00101110

#533f2e
```
#533f2e rgb(83,63,46)
```
#2e4253
```
#2e4253 rgb(46,66,83)
```

Complementary Color

#532e30
```
#532e30 rgb(83,46,48)
```
#533f2e
```
#533f2e rgb(83,63,46)
```
#53522e
```
#53522e rgb(83,82,46)
```

Analogous Color

#2e3053
```
#2e3053 rgb(46,48,83)
```
#533f2e
```
#533f2e rgb(83,63,46)
```
#2e5352
```
#2e5352 rgb(46,83,82)
```

Split Complementary Color

#3f2e53
```
#3f2e53 rgb(63,46,83)
```
#533f2e
```
#533f2e rgb(83,63,46)
```
#2e533f
```
#2e533f rgb(46,83,63)
```

Triadic Color

#532e42
```
#532e42 rgb(83,46,66)
```
#533f2e
```
#533f2e rgb(83,63,46)
```
#2e533f
```
#2e533f rgb(46,83,63)
```
#2e4253
```
#2e4253 rgb(46,66,83)
```

Tetradic Color

#221a13
```
#221a13 rgb(34,26,19)
```
#32261c
```
#32261c rgb(50,38,28)
```
#433325
```
#433325 rgb(67,51,37)
```
#533f2e
```
#533f2e rgb(83,63,46)
```
#634b37
```
#634b37 rgb(99,75,55)
```
#745840
```
#745840 rgb(116,88,64)
```
#846449
```
#846449 rgb(132,100,73)
```

Monochromatic Color

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

#53362e
```
#53362e rgb(83,54,46)
```
#53392e
```
#53392e rgb(83,57,46)
```
#533c2e
```
#533c2e rgb(83,60,46)
```
#533f2e
```
#533f2e rgb(83,63,46)
```
#53422e
```
#53422e rgb(83,66,46)
```
#53452e
```
#53452e rgb(83,69,46)
```
#53482e
```
#53482e rgb(83,72,46)
```

Similar Colors

Text with hexadecimal color #533f2e

This text has a font color of #533f2e.

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

#533f2e background color

This paragraph has a background color of #533f2e.

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

#533f2e border color

This element has a border color of #533f2e.

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

CSS codes

.text {color:#533f2e;}

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

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

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

#070604
```
#070604 rgb(7,6,4)
```
#140f0b
```
#140f0b rgb(20,15,11)
```
#211912
```
#211912 rgb(33,25,18)
```
#2d2219
```
#2d2219 rgb(45,34,25)
```
#3a2c20
```
#3a2c20 rgb(58,44,32)
```
#463527
```
#463527 rgb(70,53,39)
```
#533f2e
```
#533f2e rgb(83,63,46)
```
#604935
```
#604935 rgb(96,73,53)
```
#6c523c
```
#6c523c rgb(108,82,60)
```
#795c43
```
#795c43 rgb(121,92,67)
```
#85654a
```
#85654a rgb(133,101,74)
```
#926f51
```
#926f51 rgb(146,111,81)
```
#9f7858
```
#9f7858 rgb(159,120,88)
```

Shade Color Variation

#a88262
```
#a88262 rgb(168,130,98)
```
#af8c6f
```
#af8c6f rgb(175,140,111)
```
#b6967b
```
#b6967b rgb(182,150,123)
```
#bda088
```
#bda088 rgb(189,160,136)
```
#c4aa95
```
#c4aa95 rgb(196,170,149)
```
#cbb4a1
```
#cbb4a1 rgb(203,180,161)
```
#d2bfae
```
#d2bfae rgb(210,191,174)
```
#d9c9bb
```
#d9c9bb rgb(217,201,187)
```
#e0d3c7
```
#e0d3c7 rgb(224,211,199)
```
#e7ddd4
```
#e7ddd4 rgb(231,221,212)
```
#eee7e0
```
#eee7e0 rgb(238,231,224)
```
#f5f1ed
```
#f5f1ed rgb(245,241,237)
```
#fcfbfa
```
#fcfbfa rgb(252,251,250)
```

Tint Color Variation

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

#44403d
```
#44403d rgb(68,64,61)
```
#494038
```
#494038 rgb(73,64,56)
```
#4e3f33
```
#4e3f33 rgb(78,63,51)
```
#533f2e
```
#533f2e rgb(83,63,46)
```
#583f29
```
#583f29 rgb(88,63,41)
```
#5d3e24
```
#5d3e24 rgb(93,62,36)
```
#623e1f
```
#623e1f rgb(98,62,31)
```
#673d1a
```
#673d1a rgb(103,61,26)
```
#6c3d15
```
#6c3d15 rgb(108,61,21)
```
#713d10
```
#713d10 rgb(113,61,16)
```
#763c0b
```
#763c0b rgb(118,60,11)
```
#7b3c06
```
#7b3c06 rgb(123,60,6)
```
#803b01
```
#803b01 rgb(128,59,1)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#46423f Atypical Achromatopsia 0.001% of the population

Dichromacy

#514c3a Protanopia 1% of men
#5a4938 Deuteranopia 1% of men
#5d464b Tritanopia 0.001% of the population

Trichromacy

#524735 Protanomaly 1% of men, 0.01% of women
#574534 Deuteranomaly 6% of men, 0.4% of women
#594340 Tritanomaly 0.01% of the population

#533f2e hex color

#533f2e Color Information

#533f2e Color Conversion

Color Schemes with #533f2e

Alternatives to #533f2e

#533f2e Preview

Shades and Tints of #533f2e

Tones of #533f2e

Color Blindness Simulator