#5f4316 hex color

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

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

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

The hexadecimal color #5f4316 has RGB values of R:95, G:67, B:22 and CMYK values of C:0, M:0.29, Y:0.77, K:0.63. Its decimal value is 6243094.

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

CIE-LAB	30.654, 7.199, 30.917
XYZ	6.871, 6.506, 1.653
xyY	0.457, 0.433, 6.506
CIE-LCH	30.654, 31.744, 76.893
CIE-LUV	30.654, 21.268, 26.616
Hunter-Lab	25.506, 3.453, 14.012
Binary	01011111, 01000011, 00010110

#5f4316
```
#5f4316 rgb(95,67,22)
```
#16325f
```
#16325f rgb(22,50,95)
```

Complementary Color

#5f1f16
```
#5f1f16 rgb(95,31,22)
```
#5f4316
```
#5f4316 rgb(95,67,22)
```
#575f16
```
#575f16 rgb(87,95,22)
```

Analogous Color

#1e165f
```
#1e165f rgb(30,22,95)
```
#5f4316
```
#5f4316 rgb(95,67,22)
```
#16575f
```
#16575f rgb(22,87,95)
```

Split Complementary Color

#43165f
```
#43165f rgb(67,22,95)
```
#5f4316
```
#5f4316 rgb(95,67,22)
```
#165f43
```
#165f43 rgb(22,95,67)
```

Triadic Color

#5f1632
```
#5f1632 rgb(95,22,50)
```
#5f4316
```
#5f4316 rgb(95,67,22)
```
#165f43
```
#165f43 rgb(22,95,67)
```
#16325f
```
#16325f rgb(22,50,95)
```

Tetradic Color

#211708
```
#211708 rgb(33,23,8)
```
#36260c
```
#36260c rgb(54,38,12)
```
#4a3411
```
#4a3411 rgb(74,52,17)
```
#5f4316
```
#5f4316 rgb(95,67,22)
```
#74521b
```
#74521b rgb(116,82,27)
```
#886020
```
#886020 rgb(136,96,32)
```
#9d6f24
```
#9d6f24 rgb(157,111,36)
```

Monochromatic Color

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

#5f3116
```
#5f3116 rgb(95,49,22)
```
#5f3716
```
#5f3716 rgb(95,55,22)
```
#5f3d16
```
#5f3d16 rgb(95,61,22)
```
#5f4316
```
#5f4316 rgb(95,67,22)
```
#5f4916
```
#5f4916 rgb(95,73,22)
```
#5f4f16
```
#5f4f16 rgb(95,79,22)
```
#5f5516
```
#5f5516 rgb(95,85,22)
```

Similar Colors

Text with hexadecimal color #5f4316

This text has a font color of #5f4316.

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

#5f4316 background color

This paragraph has a background color of #5f4316.

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

#5f4316 border color

This element has a border color of #5f4316.

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

CSS codes

.text {color:#5f4316;}

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

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

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)
```
#2f210b
```
#2f210b rgb(47,33,11)
```
#3f2d0f
```
#3f2d0f rgb(63,45,15)
```
#4f3812
```
#4f3812 rgb(79,56,18)
```
#5f4316
```
#5f4316 rgb(95,67,22)
```
#6f4e1a
```
#6f4e1a rgb(111,78,26)
```
#7f591d
```
#7f591d rgb(127,89,29)
```
#8f6521
```
#8f6521 rgb(143,101,33)
```
#9f7025
```
#9f7025 rgb(159,112,37)
```
#af7b28
```
#af7b28 rgb(175,123,40)
```
#bf862c
```
#bf862c rgb(191,134,44)
```
#ce9230
```
#ce9230 rgb(206,146,48)
```

Shade Color Variation

#d39a3f
```
#d39a3f rgb(211,154,63)
```
#d6a24f
```
#d6a24f rgb(214,162,79)
```
#daab5f
```
#daab5f rgb(218,171,95)
```
#deb36f
```
#deb36f rgb(222,179,111)
```
#e1bc7f
```
#e1bc7f rgb(225,188,127)
```
#e5c48f
```
#e5c48f rgb(229,196,143)
```
#e9cc9f
```
#e9cc9f rgb(233,204,159)
```
#ecd5af
```
#ecd5af rgb(236,213,175)
```
#f0ddbf
```
#f0ddbf rgb(240,221,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 #714704 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)
```
#56411f
```
#56411f rgb(86,65,31)
```
#5b421b
```
#5b421b rgb(91,66,27)
```
#5f4316
```
#5f4316 rgb(95,67,22)
```
#644412
```
#644412 rgb(100,68,18)
```
#68450d
```
#68450d rgb(104,69,13)
```
#6d4609
```
#6d4609 rgb(109,70,9)
```
#714704
```
#714704 rgb(113,71,4)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#4b453c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a5123 Protanopia 1% of men
#644d21 Deuteranopia 1% of men
#6a484d Tritanopia 0.001% of the population

Trichromacy

#5c4c1e Protanomaly 1% of men, 0.01% of women
#62491d Deuteranomaly 6% of men, 0.4% of women
#664639 Tritanomaly 0.01% of the population

#5f4316 hex color

#5f4316 Color Information

#5f4316 Color Conversion

Color Schemes with #5f4316

Alternatives to #5f4316

#5f4316 Preview

Shades and Tints of #5f4316

Tones of #5f4316

Color Blindness Simulator