#5f3016 hex color

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

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

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

The hexadecimal color #5f3016 has RGB values of R:95, G:48, B:22 and CMYK values of C:0, M:0.49, Y:0.77, K:0.63. Its decimal value is 6238230.

Hex triplet	5f3016	`#5f3016`
RGB Decimal	95, 48, 22	`rgb(95,48,22)`
RGB Percent	37.3, 18.8, 8.6	`rgb(37.3%,18.8%,8.6%)`
CMYK	0, 49, 77, 63
HSL	21.4°, 62.4, 22.9	`hsl(21.4,62.4%,22.9%)`
HSV (or HSB)	21.4°, 76.8, 37.3
Web Safe	663300	`#663300`

CIE-LAB	25.579, 18.991, 25.558
XYZ	5.921, 4.605, 1.336
xyY	0.499, 0.388, 4.605
CIE-LCH	25.579, 31.841, 53.385
CIE-LUV	25.579, 33.898, 18.707
Hunter-Lab	21.46, 11.698, 11.33
Binary	01011111, 00110000, 00010110

#5f3016
```
#5f3016 rgb(95,48,22)
```
#16455f
```
#16455f rgb(22,69,95)
```

Complementary Color

#5f1621
```
#5f1621 rgb(95,22,33)
```
#5f3016
```
#5f3016 rgb(95,48,22)
```
#5f5516
```
#5f5516 rgb(95,85,22)
```

Analogous Color

#16215f
```
#16215f rgb(22,33,95)
```
#5f3016
```
#5f3016 rgb(95,48,22)
```
#165f55
```
#165f55 rgb(22,95,85)
```

Split Complementary Color

#30165f
```
#30165f rgb(48,22,95)
```
#5f3016
```
#5f3016 rgb(95,48,22)
```
#165f30
```
#165f30 rgb(22,95,48)
```

Triadic Color

#5f1645
```
#5f1645 rgb(95,22,69)
```
#5f3016
```
#5f3016 rgb(95,48,22)
```
#165f30
```
#165f30 rgb(22,95,48)
```
#16455f
```
#16455f rgb(22,69,95)
```

Tetradic Color

#211108
```
#211108 rgb(33,17,8)
```
#361b0c
```
#361b0c rgb(54,27,12)
```
#4a2611
```
#4a2611 rgb(74,38,17)
```
#5f3016
```
#5f3016 rgb(95,48,22)
```
#743a1b
```
#743a1b rgb(116,58,27)
```
#884520
```
#884520 rgb(136,69,32)
```
#9d4f24
```
#9d4f24 rgb(157,79,36)
```

Monochromatic Color

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

#5f1e16
```
#5f1e16 rgb(95,30,22)
```
#5f2416
```
#5f2416 rgb(95,36,22)
```
#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)
```

Similar Colors

Text with hexadecimal color #5f3016

This text has a font color of #5f3016.

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

#5f3016 background color

This paragraph has a background color of #5f3016.

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

#5f3016 border color

This element has a border color of #5f3016.

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

CSS codes

.text {color:#5f3016;}

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

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

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)
```
#1f1007
```
#1f1007 rgb(31,16,7)
```
#2f180b
```
#2f180b rgb(47,24,11)
```
#3f200f
```
#3f200f rgb(63,32,15)
```
#4f2812
```
#4f2812 rgb(79,40,18)
```
#5f3016
```
#5f3016 rgb(95,48,22)
```
#6f381a
```
#6f381a rgb(111,56,26)
```
#7f401d
```
#7f401d rgb(127,64,29)
```
#8f4821
```
#8f4821 rgb(143,72,33)
```
#9f5025
```
#9f5025 rgb(159,80,37)
```
#af5828
```
#af5828 rgb(175,88,40)
```
#bf602c
```
#bf602c rgb(191,96,44)
```
#ce6830
```
#ce6830 rgb(206,104,48)
```

Shade Color Variation

#d3743f
```
#d3743f rgb(211,116,63)
```
#d67f4f
```
#d67f4f rgb(214,127,79)
```
#da8b5f
```
#da8b5f rgb(218,139,95)
```
#de966f
```
#de966f rgb(222,150,111)
```
#e1a27f
```
#e1a27f rgb(225,162,127)
```
#e5ae8f
```
#e5ae8f rgb(229,174,143)
```
#e9b99f
```
#e9b99f rgb(233,185,159)
```
#ecc5af
```
#ecc5af rgb(236,197,175)
```
#f0d0bf
```
#f0d0bf rgb(240,208,191)
```
#f4dccf
```
#f4dccf rgb(244,220,207)
```
#f7e7df
```
#f7e7df rgb(247,231,223)
```
#fbf3ef
```
#fbf3ef rgb(251,243,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 #712b04 is the most saturated one.

#3b3a3a
```
#3b3a3a rgb(59,58,58)
```
#403936
```
#403936 rgb(64,57,54)
```
#443831
```
#443831 rgb(68,56,49)
```
#49362d
```
#49362d rgb(73,54,45)
```
#4d3528
```
#4d3528 rgb(77,53,40)
```
#523424
```
#523424 rgb(82,52,36)
```
#56331f
```
#56331f rgb(86,51,31)
```
#5b311b
```
#5b311b rgb(91,49,27)
```
#5f3016
```
#5f3016 rgb(95,48,22)
```
#642f12
```
#642f12 rgb(100,47,18)
```
#682d0d
```
#682d0d rgb(104,45,13)
```
#6d2c09
```
#6d2c09 rgb(109,44,9)
```
#712b04
```
#712b04 rgb(113,43,4)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#423934 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d4625 Protanopia 1% of men
#57431f Deuteranopia 1% of men
#68373b Tritanopia 0.001% of the population

Trichromacy

#543e20 Protanomaly 1% of men, 0.01% of women
#593c1c Deuteranomaly 6% of men, 0.4% of women
#65342d Tritanomaly 0.01% of the population

#5f3016 hex color

#5f3016 Color Information

#5f3016 Color Conversion

Color Schemes with #5f3016

Alternatives to #5f3016

#5f3016 Preview

Shades and Tints of #5f3016

Tones of #5f3016

Color Blindness Simulator