#5f3400 hex color

In a RGB color space, hex #5f3400 is composed of 37.3% red, 20.4% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.3% magenta, 100% yellow and 62.7% black. It has a hue angle of 32.8 degrees, a saturation of 100% and a lightness of 18.6%. #5f3400 color hex could be obtained by blending #be6800 with #000000. Closest websafe color is: #663300.

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

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

The hexadecimal color #5f3400 has RGB values of R:95, G:52, B:0 and CMYK values of C:0, M:0.45, Y:1, K:0.63. Its decimal value is 6239232.

Hex triplet	5f3400	`#5f3400`
RGB Decimal	95, 52, 0	`rgb(95,52,0)`
RGB Percent	37.3, 20.4, 0	`rgb(37.3%,20.4%,0%)`
CMYK	0, 45, 100, 63
HSL	32.8°, 100, 18.6	`hsl(32.8,100%,18.6%)`
HSV (or HSB)	32.8°, 100, 37.3
Web Safe	663300	`#663300`

CIE-LAB	26.417, 15.671, 36.528
XYZ	5.948, 4.889, 0.631
xyY	0.519, 0.426, 4.889
CIE-LCH	26.417, 39.748, 66.78
CIE-LUV	26.417, 32.699, 25.319
Hunter-Lab	22.112, 9.316, 13.788
Binary	01011111, 00110100, 00000000

#5f3400
```
#5f3400 rgb(95,52,0)
```
#002b5f
```
#002b5f rgb(0,43,95)
```

Complementary Color

#5f0400
```
#5f0400 rgb(95,4,0)
```
#5f3400
```
#5f3400 rgb(95,52,0)
```
#5b5f00
```
#5b5f00 rgb(91,95,0)
```

Analogous Color

#04005f
```
#04005f rgb(4,0,95)
```
#5f3400
```
#5f3400 rgb(95,52,0)
```
#005b5f
```
#005b5f rgb(0,91,95)
```

Split Complementary Color

#34005f
```
#34005f rgb(52,0,95)
```
#5f3400
```
#5f3400 rgb(95,52,0)
```
#005f34
```
#005f34 rgb(0,95,52)
```

Triadic Color

#5f002b
```
#5f002b rgb(95,0,43)
```
#5f3400
```
#5f3400 rgb(95,52,0)
```
#005f34
```
#005f34 rgb(0,95,52)
```
#002b5f
```
#002b5f rgb(0,43,95)
```

Tetradic Color

#130a00
```
#130a00 rgb(19,10,0)
```
#2c1800
```
#2c1800 rgb(44,24,0)
```
#462600
```
#462600 rgb(70,38,0)
```
#5f3400
```
#5f3400 rgb(95,52,0)
```
#794200
```
#794200 rgb(121,66,0)
```
#925000
```
#925000 rgb(146,80,0)
```
#ac5e00
```
#ac5e00 rgb(172,94,0)
```

Monochromatic Color

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

#5f1c00
```
#5f1c00 rgb(95,28,0)
```
#5f2400
```
#5f2400 rgb(95,36,0)
```
#5f2c00
```
#5f2c00 rgb(95,44,0)
```
#5f3400
```
#5f3400 rgb(95,52,0)
```
#5f3c00
```
#5f3c00 rgb(95,60,0)
```
#5f4400
```
#5f4400 rgb(95,68,0)
```
#5f4c00
```
#5f4c00 rgb(95,76,0)
```

Similar Colors

Text with hexadecimal color #5f3400

This text has a font color of #5f3400.

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

#5f3400 background color

This paragraph has a background color of #5f3400.

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

#5f3400 border color

This element has a border color of #5f3400.

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

CSS codes

.text {color:#5f3400;}

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

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

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, #110900 is the darkest color, while #fffefc is the lightest one.

#110900
```
#110900 rgb(17,9,0)
```
#241400
```
#241400 rgb(36,20,0)
```
#381f00
```
#381f00 rgb(56,31,0)
```
#4b2900
```
#4b2900 rgb(75,41,0)
```
#5f3400
```
#5f3400 rgb(95,52,0)
```
#733f00
```
#733f00 rgb(115,63,0)
```
#864900
```
#864900 rgb(134,73,0)
```
#9a5400
```
#9a5400 rgb(154,84,0)
```
#ad5f00
```
#ad5f00 rgb(173,95,0)
```
#c16a00
```
#c16a00 rgb(193,106,0)
```
#d57400
```
#d57400 rgb(213,116,0)
```
#e87f00
```
#e87f00 rgb(232,127,0)
```
#fc8a00
```
#fc8a00 rgb(252,138,0)
```

Shade Color Variation

#ff9311
```
#ff9311 rgb(255,147,17)
```
#ff9c24
```
#ff9c24 rgb(255,156,36)
```
#ffa538
```
#ffa538 rgb(255,165,56)
```
#ffae4b
```
#ffae4b rgb(255,174,75)
```
#ffb75f
```
#ffb75f rgb(255,183,95)
```
#ffbf73
```
#ffbf73 rgb(255,191,115)
```
#ffc886
```
#ffc886 rgb(255,200,134)
```
#ffd19a
```
#ffd19a rgb(255,209,154)
```
#ffdaad
```
#ffdaad rgb(255,218,173)
```
#ffe3c1
```
#ffe3c1 rgb(255,227,193)
```
#ffecd5
```
#ffecd5 rgb(255,236,213)
```
#fff5e8
```
#fff5e8 rgb(255,245,232)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #33302c is the less saturated color, while #5f3400 is the most saturated one.

#33302c
```
#33302c rgb(51,48,44)
```
#373028
```
#373028 rgb(55,48,40)
```
#3a3125
```
#3a3125 rgb(58,49,37)
```
#3e3121
```
#3e3121 rgb(62,49,33)
```
#42311d
```
#42311d rgb(66,49,29)
```
#45321a
```
#45321a rgb(69,50,26)
```
#493216
```
#493216 rgb(73,50,22)
```
#4d3212
```
#4d3212 rgb(77,50,18)
```
#50330f
```
#50330f rgb(80,51,15)
```
#54330b
```
#54330b rgb(84,51,11)
```
#583307
```
#583307 rgb(88,51,7)
```
#5b3404
```
#5b3404 rgb(91,52,4)
```
#5f3400
```
#5f3400 rgb(95,52,0)
```

Tone Color Variation

Below, you can see how #5f3400 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
#423a2f Atypical Achromatopsia 0.001% of the population

Dichromacy

#514809 Protanopia 1% of men
#5a4500 Deuteranopia 1% of men
#693a3e Tritanopia 0.001% of the population

Trichromacy

#564105 Protanomaly 1% of men, 0.01% of women
#5c3e00 Deuteranomaly 6% of men, 0.4% of women
#653827 Tritanomaly 0.01% of the population

#5f3400 hex color

#5f3400 Color Information

#5f3400 Color Conversion

Color Schemes with #5f3400

Alternatives to #5f3400

#5f3400 Preview

Shades and Tints of #5f3400

Tones of #5f3400

Color Blindness Simulator