#5b3f22 hex color

In a RGB color space, hex #5b3f22 is composed of 35.7% red, 24.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.8% magenta, 62.6% yellow and 64.3% black. It has a hue angle of 30.5 degrees, a saturation of 45.6% and a lightness of 24.5%. #5b3f22 color hex could be obtained by blending #b67e44 with #000000. Closest websafe color is: #663333.

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

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

The hexadecimal color #5b3f22 has RGB values of R:91, G:63, B:34 and CMYK values of C:0, M:0.31, Y:0.63, K:0.64. Its decimal value is 5979938.

Hex triplet	5b3f22	`#5b3f22`
RGB Decimal	91, 63, 34	`rgb(91,63,34)`
RGB Percent	35.7, 24.7, 13.3	`rgb(35.7%,24.7%,13.3%)`
CMYK	0, 31, 63, 64
HSL	30.5°, 45.6, 24.5	`hsl(30.5,45.6%,24.5%)`
HSV (or HSB)	30.5°, 62.6, 35.7
Web Safe	663333	`#663333`

CIE-LAB	29.146, 8.616, 22.431
XYZ	6.381, 5.895, 2.315
xyY	0.437, 0.404, 5.895
CIE-LCH	29.146, 24.029, 68.988
CIE-LUV	29.146, 20.08, 20.113
Hunter-Lab	24.28, 4.421, 11.342
Binary	01011011, 00111111, 00100010

#5b3f22
```
#5b3f22 rgb(91,63,34)
```
#223e5b
```
#223e5b rgb(34,62,91)
```

Complementary Color

#5b2322
```
#5b2322 rgb(91,35,34)
```
#5b3f22
```
#5b3f22 rgb(91,63,34)
```
#5b5b22
```
#5b5b22 rgb(91,91,34)
```

Analogous Color

#23225b
```
#23225b rgb(35,34,91)
```
#5b3f22
```
#5b3f22 rgb(91,63,34)
```
#225b5b
```
#225b5b rgb(34,91,91)
```

Split Complementary Color

#3f225b
```
#3f225b rgb(63,34,91)
```
#5b3f22
```
#5b3f22 rgb(91,63,34)
```
#225b3f
```
#225b3f rgb(34,91,63)
```

Triadic Color

#5b223e
```
#5b223e rgb(91,34,62)
```
#5b3f22
```
#5b3f22 rgb(91,63,34)
```
#225b3f
```
#225b3f rgb(34,91,63)
```
#223e5b
```
#223e5b rgb(34,62,91)
```

Tetradic Color

#23180d
```
#23180d rgb(35,24,13)
```
#362514
```
#362514 rgb(54,37,20)
```
#48321b
```
#48321b rgb(72,50,27)
```
#5b3f22
```
#5b3f22 rgb(91,63,34)
```
#6e4c29
```
#6e4c29 rgb(110,76,41)
```
#805930
```
#805930 rgb(128,89,48)
```
#936637
```
#936637 rgb(147,102,55)
```

Monochromatic Color

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

#5b3122
```
#5b3122 rgb(91,49,34)
```
#5b3622
```
#5b3622 rgb(91,54,34)
```
#5b3a22
```
#5b3a22 rgb(91,58,34)
```
#5b3f22
```
#5b3f22 rgb(91,63,34)
```
#5b4422
```
#5b4422 rgb(91,68,34)
```
#5b4922
```
#5b4922 rgb(91,73,34)
```
#5b4d22
```
#5b4d22 rgb(91,77,34)
```

Similar Colors

Text with hexadecimal color #5b3f22

This text has a font color of #5b3f22.

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

#5b3f22 background color

This paragraph has a background color of #5b3f22.

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

#5b3f22 border color

This element has a border color of #5b3f22.

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

CSS codes

.text {color:#5b3f22;}

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

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

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

#050402
```
#050402 rgb(5,4,2)
```
#140e07
```
#140e07 rgb(20,14,7)
```
#22170d
```
#22170d rgb(34,23,13)
```
#302112
```
#302112 rgb(48,33,18)
```
#3e2b17
```
#3e2b17 rgb(62,43,23)
```
#4d351d
```
#4d351d rgb(77,53,29)
```
#5b3f22
```
#5b3f22 rgb(91,63,34)
```
#694927
```
#694927 rgb(105,73,39)
```
#78532d
```
#78532d rgb(120,83,45)
```
#865d32
```
#865d32 rgb(134,93,50)
```
#946737
```
#946737 rgb(148,103,55)
```
#a2703d
```
#a2703d rgb(162,112,61)
```
#b17a42
```
#b17a42 rgb(177,122,66)
```

Shade Color Variation

#bc844b
```
#bc844b rgb(188,132,75)
```
#c18e59
```
#c18e59 rgb(193,142,89)
```
#c69867
```
#c69867 rgb(198,152,103)
```
#cca176
```
#cca176 rgb(204,161,118)
```
#d1ab84
```
#d1ab84 rgb(209,171,132)
```
#d6b592
```
#d6b592 rgb(214,181,146)
```
#dcbfa0
```
#dcbfa0 rgb(220,191,160)
```
#e1c8af
```
#e1c8af rgb(225,200,175)
```
#e6d2bd
```
#e6d2bd rgb(230,210,189)
```
#ecdccb
```
#ecdccb rgb(236,220,203)
```
#f1e5d9
```
#f1e5d9 rgb(241,229,217)
```
#f6efe8
```
#f6efe8 rgb(246,239,232)
```
#fcf9f6
```
#fcf9f6 rgb(252,249,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #433f3a is the less saturated color, while #7d4000 is the most saturated one.

#433f3a
```
#433f3a rgb(67,63,58)
```
#483f35
```
#483f35 rgb(72,63,53)
```
#4d3f30
```
#4d3f30 rgb(77,63,48)
```
#513f2c
```
#513f2c rgb(81,63,44)
```
#563f27
```
#563f27 rgb(86,63,39)
```
#5b3f22
```
#5b3f22 rgb(91,63,34)
```
#603f1d
```
#603f1d rgb(96,63,29)
```
#653f18
```
#653f18 rgb(101,63,24)
```
#693f14
```
#693f14 rgb(105,63,20)
```
#6e3f0f
```
#6e3f0f rgb(110,63,15)
```
#733f0a
```
#733f0a rgb(115,63,10)
```
#784005
```
#784005 rgb(120,64,5)
```
#7d4000
```
#7d4000 rgb(125,64,0)
```

Tone Color Variation

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

#554e2f Protanopia 1% of men
#5f4a2c Deuteranopia 1% of men
#66454a Tritanopia 0.001% of the population

Trichromacy

#57482a Protanomaly 1% of men, 0.01% of women
#5d4628 Deuteranomaly 6% of men, 0.4% of women
#62433b Tritanomaly 0.01% of the population

#5b3f22 hex color

#5b3f22 Color Information

#5b3f22 Color Conversion

Color Schemes with #5b3f22

Alternatives to #5b3f22

#5b3f22 Preview

Shades and Tints of #5b3f22

Tones of #5b3f22

Color Blindness Simulator