#5b3f20 hex color

In a RGB color space, hex #5b3f20 is composed of 35.7% red, 24.7% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.8% magenta, 64.8% yellow and 64.3% black. It has a hue angle of 31.5 degrees, a saturation of 48% and a lightness of 24.1%. #5b3f20 color hex could be obtained by blending #b67e40 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 36
- G 25
- B 13
RGB color chart
- C 0
- M 31
- Y 65
- K 64
CMYK color chart

● #5b3f20 color description : Very dark orange [Brown tone].

The hexadecimal color #5b3f20 has RGB values of R:91, G:63, B:32 and CMYK values of C:0, M:0.31, Y:0.65, K:0.64. Its decimal value is 5979936.

Hex triplet	5b3f20	`#5b3f20`
RGB Decimal	91, 63, 32	`rgb(91,63,32)`
RGB Percent	35.7, 24.7, 12.5	`rgb(35.7%,24.7%,12.5%)`
CMYK	0, 31, 65, 64
HSL	31.5°, 48, 24.1	`hsl(31.5,48%,24.1%)`
HSV (or HSB)	31.5°, 64.8, 35.7
Web Safe	663333	`#663333`

CIE-LAB	29.117, 8.442, 23.585
XYZ	6.353, 5.884, 2.168
xyY	0.441, 0.408, 5.884
CIE-LCH	29.117, 25.05, 70.306
CIE-LUV	29.117, 20.241, 20.963
Hunter-Lab	24.257, 4.3, 11.682
Binary	01011011, 00111111, 00100000

#5b3f20
```
#5b3f20 rgb(91,63,32)
```
#203c5b
```
#203c5b rgb(32,60,91)
```

Complementary Color

#5b2220
```
#5b2220 rgb(91,34,32)
```
#5b3f20
```
#5b3f20 rgb(91,63,32)
```
#5a5b20
```
#5a5b20 rgb(90,91,32)
```

Analogous Color

#22205b
```
#22205b rgb(34,32,91)
```
#5b3f20
```
#5b3f20 rgb(91,63,32)
```
#205a5b
```
#205a5b rgb(32,90,91)
```

Split Complementary Color

#3f205b
```
#3f205b rgb(63,32,91)
```
#5b3f20
```
#5b3f20 rgb(91,63,32)
```
#205b3f
```
#205b3f rgb(32,91,63)
```

Triadic Color

#5b203c
```
#5b203c rgb(91,32,60)
```
#5b3f20
```
#5b3f20 rgb(91,63,32)
```
#205b3f
```
#205b3f rgb(32,91,63)
```
#203c5b
```
#203c5b rgb(32,60,91)
```

Tetradic Color

#22180c
```
#22180c rgb(34,24,12)
```
#352513
```
#352513 rgb(53,37,19)
```
#483219
```
#483219 rgb(72,50,25)
```
#5b3f20
```
#5b3f20 rgb(91,63,32)
```
#6e4c27
```
#6e4c27 rgb(110,76,39)
```
#81592d
```
#81592d rgb(129,89,45)
```
#946634
```
#946634 rgb(148,102,52)
```

Monochromatic Color

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

#5b3020
```
#5b3020 rgb(91,48,32)
```
#5b3520
```
#5b3520 rgb(91,53,32)
```
#5b3a20
```
#5b3a20 rgb(91,58,32)
```
#5b3f20
```
#5b3f20 rgb(91,63,32)
```
#5b4420
```
#5b4420 rgb(91,68,32)
```
#5b4920
```
#5b4920 rgb(91,73,32)
```
#5b4e20
```
#5b4e20 rgb(91,78,32)
```

Similar Colors

Text with hexadecimal color #5b3f20

This text has a font color of #5b3f20.

<span style="color:#5b3f20;">Text here</span>

#5b3f20 background color

This paragraph has a background color of #5b3f20.

<p style="background-color:#5b3f20;">Content here</p>

#5b3f20 border color

This element has a border color of #5b3f20.

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

CSS codes

.text {color:#5b3f20;}

.background {background-color:#5b3f20;}

.border {border:1px solid #5b3f20;}

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

#040301
```
#040301 rgb(4,3,1)
```
#120d06
```
#120d06 rgb(18,13,6)
```
#21170c
```
#21170c rgb(33,23,12)
```
#2f2111
```
#2f2111 rgb(47,33,17)
```
#3e2b16
```
#3e2b16 rgb(62,43,22)
```
#4c351b
```
#4c351b rgb(76,53,27)
```
#5b3f20
```
#5b3f20 rgb(91,63,32)
```
#6a4925
```
#6a4925 rgb(106,73,37)
```
#78532a
```
#78532a rgb(120,83,42)
```
#875d2f
```
#875d2f rgb(135,93,47)
```
#956734
```
#956734 rgb(149,103,52)
```
#a4713a
```
#a4713a rgb(164,113,58)
```
#b27b3f
```
#b27b3f rgb(178,123,63)
```

Shade Color Variation

#be8546
```
#be8546 rgb(190,133,70)
```
#c38f55
```
#c38f55 rgb(195,143,85)
```
#c89863
```
#c89863 rgb(200,152,99)
```
#cda272
```
#cda272 rgb(205,162,114)
```
#d2ab80
```
#d2ab80 rgb(210,171,128)
```
#d8b58f
```
#d8b58f rgb(216,181,143)
```
#ddbf9d
```
#ddbf9d rgb(221,191,157)
```
#e2c8ac
```
#e2c8ac rgb(226,200,172)
```
#e7d2ba
```
#e7d2ba rgb(231,210,186)
```
#ecdbc9
```
#ecdbc9 rgb(236,219,201)
```
#f1e5d7
```
#f1e5d7 rgb(241,229,215)
```
#f6eee6
```
#f6eee6 rgb(246,238,230)
```
#fbf8f4
```
#fbf8f4 rgb(251,248,244)
```

Tint Color Variation

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

#3f3e3c
```
#3f3e3c rgb(63,62,60)
```
#433e38
```
#433e38 rgb(67,62,56)
```
#483e33
```
#483e33 rgb(72,62,51)
```
#4d3e2e
```
#4d3e2e rgb(77,62,46)
```
#523f29
```
#523f29 rgb(82,63,41)
```
#563f25
```
#563f25 rgb(86,63,37)
```
#5b3f20
```
#5b3f20 rgb(91,63,32)
```
#603f1b
```
#603f1b rgb(96,63,27)
```
#643f17
```
#643f17 rgb(100,63,23)
```
#694012
```
#694012 rgb(105,64,18)
```
#6e400d
```
#6e400d rgb(110,64,13)
```
#734008
```
#734008 rgb(115,64,8)
```
#774004
```
#774004 rgb(119,64,4)
```

Tone Color Variation

Below, you can see how #5b3f20 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

#444444 Achromatopsia 0.005% of the population
#49433d Atypical Achromatopsia 0.001% of the population

Dichromacy

#554e2d Protanopia 1% of men
#5f4a2b Deuteranopia 1% of men
#66454a Tritanopia 0.001% of the population

Trichromacy

#574828 Protanomaly 1% of men, 0.01% of women
#5d4627 Deuteranomaly 6% of men, 0.4% of women
#62433a Tritanomaly 0.01% of the population

#5b3f20 hex color

#5b3f20 Color Information

#5b3f20 Color Conversion

Color Schemes with #5b3f20

Alternatives to #5b3f20

#5b3f20 Preview

Shades and Tints of #5b3f20

Tones of #5b3f20

Color Blindness Simulator