#5f3c16 hex color

In a RGB color space, hex #5f3c16 is composed of 37.3% red, 23.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.8% magenta, 76.8% yellow and 62.7% black. It has a hue angle of 31.2 degrees, a saturation of 62.4% and a lightness of 22.9%. #5f3c16 color hex could be obtained by blending #be782c with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 37
- G 24
- B 9
RGB color chart
- C 0
- M 37
- Y 77
- K 63
CMYK color chart

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

The hexadecimal color #5f3c16 has RGB values of R:95, G:60, B:22 and CMYK values of C:0, M:0.37, Y:0.77, K:0.63. Its decimal value is 6241302.

Hex triplet	5f3c16	`#5f3c16`
RGB Decimal	95, 60, 22	`rgb(95,60,22)`
RGB Percent	37.3, 23.5, 8.6	`rgb(37.3%,23.5%,8.6%)`
CMYK	0, 37, 77, 63
HSL	31.2°, 62.4, 22.9	`hsl(31.2,62.4%,22.9%)`
HSV (or HSB)	31.2°, 76.8, 37.3
Web Safe	663300	`#663300`

CIE-LAB	28.703, 11.578, 28.891
XYZ	6.48, 5.723, 1.522
xyY	0.472, 0.417, 5.723
CIE-LCH	28.703, 31.125, 68.163
CIE-LUV	28.703, 26, 23.602
Hunter-Lab	23.923, 6.487, 12.973
Binary	01011111, 00111100, 00010110

#5f3c16
```
#5f3c16 rgb(95,60,22)
```
#16395f
```
#16395f rgb(22,57,95)
```

Complementary Color

#5f1816
```
#5f1816 rgb(95,24,22)
```
#5f3c16
```
#5f3c16 rgb(95,60,22)
```
#5e5f16
```
#5e5f16 rgb(94,95,22)
```

Analogous Color

#18165f
```
#18165f rgb(24,22,95)
```
#5f3c16
```
#5f3c16 rgb(95,60,22)
```
#165e5f
```
#165e5f rgb(22,94,95)
```

Split Complementary Color

#3c165f
```
#3c165f rgb(60,22,95)
```
#5f3c16
```
#5f3c16 rgb(95,60,22)
```
#165f3c
```
#165f3c rgb(22,95,60)
```

Triadic Color

#5f1639
```
#5f1639 rgb(95,22,57)
```
#5f3c16
```
#5f3c16 rgb(95,60,22)
```
#165f3c
```
#165f3c rgb(22,95,60)
```
#16395f
```
#16395f rgb(22,57,95)
```

Tetradic Color

#211508
```
#211508 rgb(33,21,8)
```
#36220c
```
#36220c rgb(54,34,12)
```
#4a2f11
```
#4a2f11 rgb(74,47,17)
```
#5f3c16
```
#5f3c16 rgb(95,60,22)
```
#74491b
```
#74491b rgb(116,73,27)
```
#885620
```
#885620 rgb(136,86,32)
```
#9d6324
```
#9d6324 rgb(157,99,36)
```

Monochromatic Color

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

#5f2a16
```
#5f2a16 rgb(95,42,22)
```
#5f3016
```
#5f3016 rgb(95,48,22)
```
#5f3616
```
#5f3616 rgb(95,54,22)
```
#5f3c16
```
#5f3c16 rgb(95,60,22)
```
#5f4216
```
#5f4216 rgb(95,66,22)
```
#5f4816
```
#5f4816 rgb(95,72,22)
```
#5f4e16
```
#5f4e16 rgb(95,78,22)
```

Similar Colors

Text with hexadecimal color #5f3c16

This text has a font color of #5f3c16.

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

#5f3c16 background color

This paragraph has a background color of #5f3c16.

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

#5f3c16 border color

This element has a border color of #5f3c16.

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

CSS codes

.text {color:#5f3c16;}

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

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

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

#0f0a04
```
#0f0a04 rgb(15,10,4)
```
#1f1407
```
#1f1407 rgb(31,20,7)
```
#2f1e0b
```
#2f1e0b rgb(47,30,11)
```
#3f280f
```
#3f280f rgb(63,40,15)
```
#4f3212
```
#4f3212 rgb(79,50,18)
```
#5f3c16
```
#5f3c16 rgb(95,60,22)
```
#6f461a
```
#6f461a rgb(111,70,26)
```
#7f501d
```
#7f501d rgb(127,80,29)
```
#8f5a21
```
#8f5a21 rgb(143,90,33)
```
#9f6425
```
#9f6425 rgb(159,100,37)
```
#af6e28
```
#af6e28 rgb(175,110,40)
```
#bf782c
```
#bf782c rgb(191,120,44)
```
#ce8230
```
#ce8230 rgb(206,130,48)
```

Shade Color Variation

#d38c3f
```
#d38c3f rgb(211,140,63)
```
#d6964f
```
#d6964f rgb(214,150,79)
```
#da9f5f
```
#da9f5f rgb(218,159,95)
```
#dea96f
```
#dea96f rgb(222,169,111)
```
#e1b27f
```
#e1b27f rgb(225,178,127)
```
#e5bc8f
```
#e5bc8f rgb(229,188,143)
```
#e9c59f
```
#e9c59f rgb(233,197,159)
```
#eccfaf
```
#eccfaf rgb(236,207,175)
```
#f0d8bf
```
#f0d8bf rgb(240,216,191)
```
#f4e2cf
```
#f4e2cf rgb(244,226,207)
```
#f7ecdf
```
#f7ecdf rgb(247,236,223)
```
#fbf5ef
```
#fbf5ef rgb(251,245,239)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#3b3b3a
```
#3b3b3a rgb(59,59,58)
```
#403b36
```
#403b36 rgb(64,59,54)
```
#443b31
```
#443b31 rgb(68,59,49)
```
#493b2d
```
#493b2d rgb(73,59,45)
```
#4d3b28
```
#4d3b28 rgb(77,59,40)
```
#523b24
```
#523b24 rgb(82,59,36)
```
#563c1f
```
#563c1f rgb(86,60,31)
```
#5b3c1b
```
#5b3c1b rgb(91,60,27)
```
#5f3c16
```
#5f3c16 rgb(95,60,22)
```
#643c12
```
#643c12 rgb(100,60,18)
```
#683c0d
```
#683c0d rgb(104,60,13)
```
#6d3d09
```
#6d3d09 rgb(109,61,9)
```
#713d04
```
#713d04 rgb(113,61,4)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#484139 Atypical Achromatopsia 0.001% of the population

Dichromacy

#554d24 Protanopia 1% of men
#5f4920 Deuteranopia 1% of men
#694246 Tritanopia 0.001% of the population

Trichromacy

#59471f Protanomaly 1% of men, 0.01% of women
#5f441c Deuteranomaly 6% of men, 0.4% of women
#653f34 Tritanomaly 0.01% of the population

#5f3c16 hex color

#5f3c16 Color Information

#5f3c16 Color Conversion

Color Schemes with #5f3c16

Alternatives to #5f3c16

#5f3c16 Preview

Shades and Tints of #5f3c16

Tones of #5f3c16

Color Blindness Simulator