colorhexa.com

#5f5336 hex color

In a RGB color space, hex #5f5336 is composed of 37.3% red, 32.5% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.6% magenta, 43.2% yellow and 62.7% black. It has a hue angle of 42.4 degrees, a saturation of 27.5% and a lightness of 29.2%. #5f5336 color hex could be obtained by blending #bea66c with #000000. Closest websafe color is: #666633.

- R 37
- G 33
- B 21
RGB color chart
- C 0
- M 13
- Y 43
- K 63
CMYK color chart

● #5f5336 color description : Very dark desaturated orange.

The hexadecimal color #5f5336 has RGB values of R:95, G:83, B:54 and CMYK values of C:0, M:0.13, Y:0.43, K:0.63. Its decimal value is 6247222.

Hex triplet	5f5336	`#5f5336`
RGB Decimal	95, 83, 54	`rgb(95,83,54)`
RGB Percent	37.3, 32.5, 21.2	`rgb(37.3%,32.5%,21.2%)`
CMYK	0, 13, 43, 63
HSL	42.4°, 27.5, 29.2	`hsl(42.4,27.5%,29.2%)`
HSV (or HSB)	42.4°, 43.2, 37.3
Web Safe	666633	`#666633`

CIE-LAB	35.764, 0.286, 18.801
XYZ	8.478, 8.886, 4.758
xyY	0.383, 0.402, 8.886
CIE-LCH	35.764, 18.803, 89.128
CIE-LUV	35.764, 9.064, 20.538
Hunter-Lab	29.809, -1.397, 11.402
Binary	01011111, 01010011, 00110110

#5f5336
```
#5f5336 rgb(95,83,54)
```
#36425f
```
#36425f rgb(54,66,95)
```

Complementary Color

#5f3f36
```
#5f3f36 rgb(95,63,54)
```
#5f5336
```
#5f5336 rgb(95,83,54)
```
#575f36
```
#575f36 rgb(87,95,54)
```

Analogous Color

#3f365f
```
#3f365f rgb(63,54,95)
```
#5f5336
```
#5f5336 rgb(95,83,54)
```
#36575f
```
#36575f rgb(54,87,95)
```

Split Complementary Color

#2e281a
```
#2e281a rgb(46,40,26)
```
#3e3724
```
#3e3724 rgb(62,55,36)
```
#4f452d
```
#4f452d rgb(79,69,45)
```
#5f5336
```
#5f5336 rgb(95,83,54)
```
#6f613f
```
#6f613f rgb(111,97,63)
```
#806f48
```
#806f48 rgb(128,111,72)
```
#907e52
```
#907e52 rgb(144,126,82)
```

Monochromatic Color

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

#5f4936
```
#5f4936 rgb(95,73,54)
```
#5f4c36
```
#5f4c36 rgb(95,76,54)
```
#5f5036
```
#5f5036 rgb(95,80,54)
```
#5f5336
```
#5f5336 rgb(95,83,54)
```
#5f5636
```
#5f5636 rgb(95,86,54)
```
#5f5a36
```
#5f5a36 rgb(95,90,54)
```
#5f5d36
```
#5f5d36 rgb(95,93,54)
```

Similar Colors

Text with hexadecimal color #5f5336

This text has a font color of #5f5336.

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

#5f5336 background color

This paragraph has a background color of #5f5336.

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

#5f5336 border color

This element has a border color of #5f5336.

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

CSS codes

.text {color:#5f5336;}

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

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

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

#070704
```
#070704 rgb(7,7,4)
```
#14110b
```
#14110b rgb(20,17,11)
```
#201c12
```
#201c12 rgb(32,28,18)
```
#2d271a
```
#2d271a rgb(45,39,26)
```
#393221
```
#393221 rgb(57,50,33)
```
#463d28
```
#463d28 rgb(70,61,40)
```
#52482f
```
#52482f rgb(82,72,47)
```
#5f5336
```
#5f5336 rgb(95,83,54)
```
#6c5e3d
```
#6c5e3d rgb(108,94,61)
```
#786944
```
#786944 rgb(120,105,68)
```
#85744b
```
#85744b rgb(133,116,75)
```
#917f52
```
#917f52 rgb(145,127,82)
```
#9e8a5a
```
#9e8a5a rgb(158,138,90)
```

Shade Color Variation

#a79364
```
#a79364 rgb(167,147,100)
```
#ae9c70
```
#ae9c70 rgb(174,156,112)
```
#b5a57d
```
#b5a57d rgb(181,165,125)
```
#bcad89
```
#bcad89 rgb(188,173,137)
```
#c3b696
```
#c3b696 rgb(195,182,150)
```
#cabfa2
```
#cabfa2 rgb(202,191,162)
```
#d1c7af
```
#d1c7af rgb(209,199,175)
```
#d9d0bb
```
#d9d0bb rgb(217,208,187)
```
#e0d9c8
```
#e0d9c8 rgb(224,217,200)
```
#e7e1d4
```
#e7e1d4 rgb(231,225,212)
```
#eeeae1
```
#eeeae1 rgb(238,234,225)
```
#f5f3ed
```
#f5f3ed rgb(245,243,237)
```
#fcfbfa
```
#fcfbfa rgb(252,251,250)
```

Tint Color Variation

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

#4e4c47
```
#4e4c47 rgb(78,76,71)
```
#544e41
```
#544e41 rgb(84,78,65)
```
#59513c
```
#59513c rgb(89,81,60)
```
#5f5336
```
#5f5336 rgb(95,83,54)
```
#655530
```
#655530 rgb(101,85,48)
```
#6a582b
```
#6a582b rgb(106,88,43)
```
#705a25
```
#705a25 rgb(112,90,37)
```
#765d1f
```
#765d1f rgb(118,93,31)
```
#7c5f19
```
#7c5f19 rgb(124,95,25)
```
#816114
```
#816114 rgb(129,97,20)
```
#87640e
```
#87640e rgb(135,100,14)
```
#8d6608
```
#8d6608 rgb(141,102,8)
```
#936802
```
#936802 rgb(147,104,2)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#55534d Atypical Achromatopsia 0.001% of the population

Dichromacy

#645c40 Protanopia 1% of men
#6e5941 Deuteranopia 1% of men
#6a585e Tritanopia 0.001% of the population

Trichromacy

#62593c Protanomaly 1% of men, 0.01% of women
#68563d Deuteranomaly 6% of men, 0.4% of women
#66564f Tritanomaly 0.01% of the population