#5f4416 hex color

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

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

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

The hexadecimal color #5f4416 has RGB values of R:95, G:68, B:22 and CMYK values of C:0, M:0.28, Y:0.77, K:0.63. Its decimal value is 6243350.

Hex triplet	5f4416	`#5f4416`
RGB Decimal	95, 68, 22	`rgb(95,68,22)`
RGB Percent	37.3, 26.7, 8.6	`rgb(37.3%,26.7%,8.6%)`
CMYK	0, 28, 77, 63
HSL	37.8°, 62.4, 22.9	`hsl(37.8,62.4%,22.9%)`
HSV (or HSB)	37.8°, 76.8, 37.3
Web Safe	663300	`#663300`

CIE-LAB	30.939, 6.575, 31.209
XYZ	6.931, 6.625, 1.673
xyY	0.455, 0.435, 6.625
CIE-LCH	30.939, 31.894, 78.104
CIE-LUV	30.939, 20.591, 27.053
Hunter-Lab	25.74, 3.022, 14.165
Binary	01011111, 01000100, 00010110

#5f4416
```
#5f4416 rgb(95,68,22)
```
#16315f
```
#16315f rgb(22,49,95)
```

Complementary Color

#5f2016
```
#5f2016 rgb(95,32,22)
```
#5f4416
```
#5f4416 rgb(95,68,22)
```
#565f16
```
#565f16 rgb(86,95,22)
```

Analogous Color

#1f165f
```
#1f165f rgb(31,22,95)
```
#5f4416
```
#5f4416 rgb(95,68,22)
```
#16565f
```
#16565f rgb(22,86,95)
```

Split Complementary Color

#44165f
```
#44165f rgb(68,22,95)
```
#5f4416
```
#5f4416 rgb(95,68,22)
```
#165f44
```
#165f44 rgb(22,95,68)
```

Triadic Color

#5f1631
```
#5f1631 rgb(95,22,49)
```
#5f4416
```
#5f4416 rgb(95,68,22)
```
#165f44
```
#165f44 rgb(22,95,68)
```
#16315f
```
#16315f rgb(22,49,95)
```

Tetradic Color

#211808
```
#211808 rgb(33,24,8)
```
#36260c
```
#36260c rgb(54,38,12)
```
#4a3511
```
#4a3511 rgb(74,53,17)
```
#5f4416
```
#5f4416 rgb(95,68,22)
```
#74531b
```
#74531b rgb(116,83,27)
```
#886220
```
#886220 rgb(136,98,32)
```
#9d7024
```
#9d7024 rgb(157,112,36)
```

Monochromatic Color

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

#5f3216
```
#5f3216 rgb(95,50,22)
```
#5f3816
```
#5f3816 rgb(95,56,22)
```
#5f3e16
```
#5f3e16 rgb(95,62,22)
```
#5f4416
```
#5f4416 rgb(95,68,22)
```
#5f4a16
```
#5f4a16 rgb(95,74,22)
```
#5f5016
```
#5f5016 rgb(95,80,22)
```
#5f5616
```
#5f5616 rgb(95,86,22)
```

Similar Colors

Text with hexadecimal color #5f4416

This text has a font color of #5f4416.

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

#5f4416 background color

This paragraph has a background color of #5f4416.

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

#5f4416 border color

This element has a border color of #5f4416.

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

CSS codes

.text {color:#5f4416;}

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

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

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

#0f0b04
```
#0f0b04 rgb(15,11,4)
```
#1f1607
```
#1f1607 rgb(31,22,7)
```
#2f220b
```
#2f220b rgb(47,34,11)
```
#3f2d0f
```
#3f2d0f rgb(63,45,15)
```
#4f3912
```
#4f3912 rgb(79,57,18)
```
#5f4416
```
#5f4416 rgb(95,68,22)
```
#6f4f1a
```
#6f4f1a rgb(111,79,26)
```
#7f5b1d
```
#7f5b1d rgb(127,91,29)
```
#8f6621
```
#8f6621 rgb(143,102,33)
```
#9f7225
```
#9f7225 rgb(159,114,37)
```
#af7d28
```
#af7d28 rgb(175,125,40)
```
#bf882c
```
#bf882c rgb(191,136,44)
```
#ce9430
```
#ce9430 rgb(206,148,48)
```

Shade Color Variation

#d39c3f
```
#d39c3f rgb(211,156,63)
```
#d6a44f
```
#d6a44f rgb(214,164,79)
```
#daad5f
```
#daad5f rgb(218,173,95)
```
#deb56f
```
#deb56f rgb(222,181,111)
```
#e1bd7f
```
#e1bd7f rgb(225,189,127)
```
#e5c58f
```
#e5c58f rgb(229,197,143)
```
#e9cd9f
```
#e9cd9f rgb(233,205,159)
```
#ecd6af
```
#ecd6af rgb(236,214,175)
```
#f0debf
```
#f0debf rgb(240,222,191)
```
#f4e6cf
```
#f4e6cf rgb(244,230,207)
```
#f7eedf
```
#f7eedf rgb(247,238,223)
```
#fbf6ef
```
#fbf6ef rgb(251,246,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 #714904 is the most saturated one.

#3b3b3a
```
#3b3b3a rgb(59,59,58)
```
#403c36
```
#403c36 rgb(64,60,54)
```
#443d31
```
#443d31 rgb(68,61,49)
```
#493e2d
```
#493e2d rgb(73,62,45)
```
#4d3f28
```
#4d3f28 rgb(77,63,40)
```
#524024
```
#524024 rgb(82,64,36)
```
#56421f
```
#56421f rgb(86,66,31)
```
#5b431b
```
#5b431b rgb(91,67,27)
```
#5f4416
```
#5f4416 rgb(95,68,22)
```
#644512
```
#644512 rgb(100,69,18)
```
#68460d
```
#68460d rgb(104,70,13)
```
#6d4809
```
#6d4809 rgb(109,72,9)
```
#714904
```
#714904 rgb(113,73,4)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4c463d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5223 Protanopia 1% of men
#654e21 Deuteranopia 1% of men
#6a494e Tritanopia 0.001% of the population

Trichromacy

#5c4d1e Protanomaly 1% of men, 0.01% of women
#634a1d Deuteranomaly 6% of men, 0.4% of women
#664739 Tritanomaly 0.01% of the population

#5f4416 hex color

#5f4416 Color Information

#5f4416 Color Conversion

Color Schemes with #5f4416

Alternatives to #5f4416

#5f4416 Preview

Shades and Tints of #5f4416

Tones of #5f4416

Color Blindness Simulator