#5f3316 hex color

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

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

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

The hexadecimal color #5f3316 has RGB values of R:95, G:51, B:22 and CMYK values of C:0, M:0.46, Y:0.77, K:0.63. Its decimal value is 6238998.

Hex triplet	5f3316	`#5f3316`
RGB Decimal	95, 51, 22	`rgb(95,51,22)`
RGB Percent	37.3, 20, 8.6	`rgb(37.3%,20%,8.6%)`
CMYK	0, 46, 77, 63
HSL	23.8°, 62.4, 22.9	`hsl(23.8,62.4%,22.9%)`
HSV (or HSB)	23.8°, 76.8, 37.3
Web Safe	663300	`#663300`

CIE-LAB	26.329, 17.164, 26.369
XYZ	6.048, 4.859, 1.378
xyY	0.492, 0.396, 4.859
CIE-LCH	26.329, 31.463, 56.939
CIE-LUV	26.329, 31.968, 19.89
Hunter-Lab	22.043, 10.401, 11.723
Binary	01011111, 00110011, 00010110

#5f3316
```
#5f3316 rgb(95,51,22)
```
#16425f
```
#16425f rgb(22,66,95)
```

Complementary Color

#5f161e
```
#5f161e rgb(95,22,30)
```
#5f3316
```
#5f3316 rgb(95,51,22)
```
#5f5816
```
#5f5816 rgb(95,88,22)
```

Analogous Color

#161e5f
```
#161e5f rgb(22,30,95)
```
#5f3316
```
#5f3316 rgb(95,51,22)
```
#165f58
```
#165f58 rgb(22,95,88)
```

Split Complementary Color

#33165f
```
#33165f rgb(51,22,95)
```
#5f3316
```
#5f3316 rgb(95,51,22)
```
#165f33
```
#165f33 rgb(22,95,51)
```

Triadic Color

#5f1642
```
#5f1642 rgb(95,22,66)
```
#5f3316
```
#5f3316 rgb(95,51,22)
```
#165f33
```
#165f33 rgb(22,95,51)
```
#16425f
```
#16425f rgb(22,66,95)
```

Tetradic Color

#211208
```
#211208 rgb(33,18,8)
```
#361d0c
```
#361d0c rgb(54,29,12)
```
#4a2811
```
#4a2811 rgb(74,40,17)
```
#5f3316
```
#5f3316 rgb(95,51,22)
```
#743e1b
```
#743e1b rgb(116,62,27)
```
#884920
```
#884920 rgb(136,73,32)
```
#9d5424
```
#9d5424 rgb(157,84,36)
```

Monochromatic Color

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

#5f2116
```
#5f2116 rgb(95,33,22)
```
#5f2716
```
#5f2716 rgb(95,39,22)
```
#5f2d16
```
#5f2d16 rgb(95,45,22)
```
#5f3316
```
#5f3316 rgb(95,51,22)
```
#5f3916
```
#5f3916 rgb(95,57,22)
```
#5f3f16
```
#5f3f16 rgb(95,63,22)
```
#5f4516
```
#5f4516 rgb(95,69,22)
```

Similar Colors

Text with hexadecimal color #5f3316

This text has a font color of #5f3316.

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

#5f3316 background color

This paragraph has a background color of #5f3316.

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

#5f3316 border color

This element has a border color of #5f3316.

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

CSS codes

.text {color:#5f3316;}

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

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

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

#0f0804
```
#0f0804 rgb(15,8,4)
```
#1f1107
```
#1f1107 rgb(31,17,7)
```
#2f190b
```
#2f190b rgb(47,25,11)
```
#3f220f
```
#3f220f rgb(63,34,15)
```
#4f2a12
```
#4f2a12 rgb(79,42,18)
```
#5f3316
```
#5f3316 rgb(95,51,22)
```
#6f3c1a
```
#6f3c1a rgb(111,60,26)
```
#7f441d
```
#7f441d rgb(127,68,29)
```
#8f4d21
```
#8f4d21 rgb(143,77,33)
```
#9f5525
```
#9f5525 rgb(159,85,37)
```
#af5e28
```
#af5e28 rgb(175,94,40)
```
#bf662c
```
#bf662c rgb(191,102,44)
```
#ce6f30
```
#ce6f30 rgb(206,111,48)
```

Shade Color Variation

#d37a3f
```
#d37a3f rgb(211,122,63)
```
#d6854f
```
#d6854f rgb(214,133,79)
```
#da905f
```
#da905f rgb(218,144,95)
```
#de9b6f
```
#de9b6f rgb(222,155,111)
```
#e1a67f
```
#e1a67f rgb(225,166,127)
```
#e5b18f
```
#e5b18f rgb(229,177,143)
```
#e9bc9f
```
#e9bc9f rgb(233,188,159)
```
#ecc7af
```
#ecc7af rgb(236,199,175)
```
#f0d2bf
```
#f0d2bf rgb(240,210,191)
```
#f4ddcf
```
#f4ddcf rgb(244,221,207)
```
#f7e8df
```
#f7e8df rgb(247,232,223)
```
#fbf4ef
```
#fbf4ef rgb(251,244,239)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#3b3a3a
```
#3b3a3a rgb(59,58,58)
```
#403936
```
#403936 rgb(64,57,54)
```
#443931
```
#443931 rgb(68,57,49)
```
#49382d
```
#49382d rgb(73,56,45)
```
#4d3728
```
#4d3728 rgb(77,55,40)
```
#523624
```
#523624 rgb(82,54,36)
```
#56351f
```
#56351f rgb(86,53,31)
```
#5b341b
```
#5b341b rgb(91,52,27)
```
#5f3316
```
#5f3316 rgb(95,51,22)
```
#643212
```
#643212 rgb(100,50,18)
```
#68310d
```
#68310d rgb(104,49,13)
```
#6d3009
```
#6d3009 rgb(109,48,9)
```
#712f04
```
#712f04 rgb(113,47,4)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#443b35 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f4825 Protanopia 1% of men
#59451f Deuteranopia 1% of men
#693a3e Tritanopia 0.001% of the population

Trichromacy

#55401f Protanomaly 1% of men, 0.01% of women
#5b3e1c Deuteranomaly 6% of men, 0.4% of women
#65372f Tritanomaly 0.01% of the population

#5f3316 hex color

#5f3316 Color Information

#5f3316 Color Conversion

Color Schemes with #5f3316

Alternatives to #5f3316

#5f3316 Preview

Shades and Tints of #5f3316

Tones of #5f3316

Color Blindness Simulator