#533f1f hex color

In a RGB color space, hex #533f1f is composed of 32.5% red, 24.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.1% magenta, 62.7% yellow and 67.5% black. It has a hue angle of 36.9 degrees, a saturation of 45.6% and a lightness of 22.4%. #533f1f color hex could be obtained by blending #a67e3e with #000000. Closest websafe color is: #663333.

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

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

The hexadecimal color #533f1f has RGB values of R:83, G:63, B:31 and CMYK values of C:0, M:0.24, Y:0.63, K:0.67. Its decimal value is 5455647.

Hex triplet	533f1f	`#533f1f`
RGB Decimal	83, 63, 31	`rgb(83,63,31)`
RGB Percent	32.5, 24.7, 12.2	`rgb(32.5%,24.7%,12.2%)`
CMYK	0, 24, 63, 67
HSL	36.9°, 45.6, 22.4	`hsl(36.9,45.6%,22.4%)`
HSV (or HSB)	36.9°, 62.7, 32.5
Web Safe	663333	`#663333`

CIE-LAB	28.096, 4.4, 22.718
XYZ	5.592, 5.493, 2.062
xyY	0.425, 0.418, 5.493
CIE-LCH	28.096, 23.14, 79.039
CIE-LUV	28.096, 14.493, 20.682
Hunter-Lab	23.438, 1.574, 11.19
Binary	01010011, 00111111, 00011111

#533f1f
```
#533f1f rgb(83,63,31)
```
#1f3353
```
#1f3353 rgb(31,51,83)
```

Complementary Color

#53251f
```
#53251f rgb(83,37,31)
```
#533f1f
```
#533f1f rgb(83,63,31)
```
#4d531f
```
#4d531f rgb(77,83,31)
```

Analogous Color

#251f53
```
#251f53 rgb(37,31,83)
```
#533f1f
```
#533f1f rgb(83,63,31)
```
#1f4d53
```
#1f4d53 rgb(31,77,83)
```

Split Complementary Color

#3f1f53
```
#3f1f53 rgb(63,31,83)
```
#533f1f
```
#533f1f rgb(83,63,31)
```
#1f533f
```
#1f533f rgb(31,83,63)
```

Triadic Color

#531f33
```
#531f33 rgb(83,31,51)
```
#533f1f
```
#533f1f rgb(83,63,31)
```
#1f533f
```
#1f533f rgb(31,83,63)
```
#1f3353
```
#1f3353 rgb(31,51,83)
```

Tetradic Color

#1b150a
```
#1b150a rgb(27,21,10)
```
#2e2311
```
#2e2311 rgb(46,35,17)
```
#403118
```
#403118 rgb(64,49,24)
```
#533f1f
```
#533f1f rgb(83,63,31)
```
#664d26
```
#664d26 rgb(102,77,38)
```
#785b2d
```
#785b2d rgb(120,91,45)
```
#8b6934
```
#8b6934 rgb(139,105,52)
```

Monochromatic Color

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

#53321f
```
#53321f rgb(83,50,31)
```
#53361f
```
#53361f rgb(83,54,31)
```
#533b1f
```
#533b1f rgb(83,59,31)
```
#533f1f
```
#533f1f rgb(83,63,31)
```
#53431f
```
#53431f rgb(83,67,31)
```
#53481f
```
#53481f rgb(83,72,31)
```
#534c1f
```
#534c1f rgb(83,76,31)
```

Similar Colors

Text with hexadecimal color #533f1f

This text has a font color of #533f1f.

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

#533f1f background color

This paragraph has a background color of #533f1f.

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

#533f1f border color

This element has a border color of #533f1f.

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

CSS codes

.text {color:#533f1f;}

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

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

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

#0c0904
```
#0c0904 rgb(12,9,4)
```
#1a140a
```
#1a140a rgb(26,20,10)
```
#281e0f
```
#281e0f rgb(40,30,15)
```
#362914
```
#362914 rgb(54,41,20)
```
#45341a
```
#45341a rgb(69,52,26)
```
#533f1f
```
#533f1f rgb(83,63,31)
```
#614a24
```
#614a24 rgb(97,74,36)
```
#70552a
```
#70552a rgb(112,85,42)
```
#7e602f
```
#7e602f rgb(126,96,47)
```
#8c6a34
```
#8c6a34 rgb(140,106,52)
```
#9a753a
```
#9a753a rgb(154,117,58)
```
#a9803f
```
#a9803f rgb(169,128,63)
```
#b78b44
```
#b78b44 rgb(183,139,68)
```

Shade Color Variation

#be9451
```
#be9451 rgb(190,148,81)
```
#c39d5f
```
#c39d5f rgb(195,157,95)
```
#c9a66d
```
#c9a66d rgb(201,166,109)
```
#ceae7c
```
#ceae7c rgb(206,174,124)
```
#d3b78a
```
#d3b78a rgb(211,183,138)
```
#d9c098
```
#d9c098 rgb(217,192,152)
```
#dec9a7
```
#dec9a7 rgb(222,201,167)
```
#e3d1b5
```
#e3d1b5 rgb(227,209,181)
```
#e9dac3
```
#e9dac3 rgb(233,218,195)
```
#eee3d1
```
#eee3d1 rgb(238,227,209)
```
#f3ece0
```
#f3ece0 rgb(243,236,224)
```
#f9f5ee
```
#f9f5ee rgb(249,245,238)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#3d3a35
```
#3d3a35 rgb(61,58,53)
```
#413b31
```
#413b31 rgb(65,59,49)
```
#463c2c
```
#463c2c rgb(70,60,44)
```
#4a3d28
```
#4a3d28 rgb(74,61,40)
```
#4f3e23
```
#4f3e23 rgb(79,62,35)
```
#533f1f
```
#533f1f rgb(83,63,31)
```
#57401b
```
#57401b rgb(87,64,27)
```
#5c4116
```
#5c4116 rgb(92,65,22)
```
#604212
```
#604212 rgb(96,66,18)
```
#65430d
```
#65430d rgb(101,67,13)
```
#694409
```
#694409 rgb(105,68,9)
```
#6d4505
```
#6d4505 rgb(109,69,5)
```
#724600
```
#724600 rgb(114,70,0)
```

Tone Color Variation

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

#534c2b Protanopia 1% of men
#5c482a Deuteranopia 1% of men
#5e454a Tritanopia 0.001% of the population

Trichromacy

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

#533f1f hex color

#533f1f Color Information

#533f1f Color Conversion

Color Schemes with #533f1f

Alternatives to #533f1f

#533f1f Preview

Shades and Tints of #533f1f

Tones of #533f1f

Color Blindness Simulator