#5f4300 hex color

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

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

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

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

Hex triplet	5f4300	`#5f4300`
RGB Decimal	95, 67, 0	`rgb(95,67,0)`
RGB Percent	37.3, 26.3, 0	`rgb(37.3%,26.3%,0%)`
CMYK	0, 29, 100, 63
HSL	42.3°, 100, 18.6	`hsl(42.3,100%,18.6%)`
HSV (or HSB)	42.3°, 100, 37.3
Web Safe	663300	`#663300`

CIE-LAB	30.515, 6.324, 39.878
XYZ	6.727, 6.448, 0.89
xyY	0.478, 0.458, 6.448
CIE-LCH	30.515, 40.376, 80.989
CIE-LUV	30.515, 22.107, 31.151
Hunter-Lab	25.392, 2.85, 15.696
Binary	01011111, 01000011, 00000000

#5f4300
```
#5f4300 rgb(95,67,0)
```
#001c5f
```
#001c5f rgb(0,28,95)
```

Complementary Color

#5f1400
```
#5f1400 rgb(95,20,0)
```
#5f4300
```
#5f4300 rgb(95,67,0)
```
#4c5f00
```
#4c5f00 rgb(76,95,0)
```

Analogous Color

#14005f
```
#14005f rgb(20,0,95)
```
#5f4300
```
#5f4300 rgb(95,67,0)
```
#004c5f
```
#004c5f rgb(0,76,95)
```

Split Complementary Color

#43005f
```
#43005f rgb(67,0,95)
```
#5f4300
```
#5f4300 rgb(95,67,0)
```
#005f43
```
#005f43 rgb(0,95,67)
```

Triadic Color

#5f001c
```
#5f001c rgb(95,0,28)
```
#5f4300
```
#5f4300 rgb(95,67,0)
```
#005f43
```
#005f43 rgb(0,95,67)
```
#001c5f
```
#001c5f rgb(0,28,95)
```

Tetradic Color

#130d00
```
#130d00 rgb(19,13,0)
```
#2c1f00
```
#2c1f00 rgb(44,31,0)
```
#463100
```
#463100 rgb(70,49,0)
```
#5f4300
```
#5f4300 rgb(95,67,0)
```
#795500
```
#795500 rgb(121,85,0)
```
#926700
```
#926700 rgb(146,103,0)
```
#ac7900
```
#ac7900 rgb(172,121,0)
```

Monochromatic Color

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

#5f2b00
```
#5f2b00 rgb(95,43,0)
```
#5f3300
```
#5f3300 rgb(95,51,0)
```
#5f3b00
```
#5f3b00 rgb(95,59,0)
```
#5f4300
```
#5f4300 rgb(95,67,0)
```
#5f4b00
```
#5f4b00 rgb(95,75,0)
```
#5f5300
```
#5f5300 rgb(95,83,0)
```
#5f5b00
```
#5f5b00 rgb(95,91,0)
```

Similar Colors

Text with hexadecimal color #5f4300

This text has a font color of #5f4300.

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

#5f4300 background color

This paragraph has a background color of #5f4300.

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

#5f4300 border color

This element has a border color of #5f4300.

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

CSS codes

.text {color:#5f4300;}

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

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

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

#110c00
```
#110c00 rgb(17,12,0)
```
#241900
```
#241900 rgb(36,25,0)
```
#382700
```
#382700 rgb(56,39,0)
```
#4b3500
```
#4b3500 rgb(75,53,0)
```
#5f4300
```
#5f4300 rgb(95,67,0)
```
#735100
```
#735100 rgb(115,81,0)
```
#865f00
```
#865f00 rgb(134,95,0)
```
#9a6d00
```
#9a6d00 rgb(154,109,0)
```
#ad7a00
```
#ad7a00 rgb(173,122,0)
```
#c18800
```
#c18800 rgb(193,136,0)
```
#d59600
```
#d59600 rgb(213,150,0)
```
#e8a400
```
#e8a400 rgb(232,164,0)
```
#fcb200
```
#fcb200 rgb(252,178,0)
```

Shade Color Variation

#ffb911
```
#ffb911 rgb(255,185,17)
```
#ffbe24
```
#ffbe24 rgb(255,190,36)
```
#ffc438
```
#ffc438 rgb(255,196,56)
```
#ffca4b
```
#ffca4b rgb(255,202,75)
```
#ffd05f
```
#ffd05f rgb(255,208,95)
```
#ffd673
```
#ffd673 rgb(255,214,115)
```
#ffdb86
```
#ffdb86 rgb(255,219,134)
```
#ffe19a
```
#ffe19a rgb(255,225,154)
```
#ffe7ad
```
#ffe7ad rgb(255,231,173)
```
#ffedc1
```
#ffedc1 rgb(255,237,193)
```
#fff3d5
```
#fff3d5 rgb(255,243,213)
```
#fff8e8
```
#fff8e8 rgb(255,248,232)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#33312c
```
#33312c rgb(51,49,44)
```
#373328
```
#373328 rgb(55,51,40)
```
#3a3425
```
#3a3425 rgb(58,52,37)
```
#3e3621
```
#3e3621 rgb(62,54,33)
```
#42371d
```
#42371d rgb(66,55,29)
```
#45391a
```
#45391a rgb(69,57,26)
```
#493a16
```
#493a16 rgb(73,58,22)
```
#4d3c12
```
#4d3c12 rgb(77,60,18)
```
#503d0f
```
#503d0f rgb(80,61,15)
```
#543f0b
```
#543f0b rgb(84,63,11)
```
#584007
```
#584007 rgb(88,64,7)
```
#5b4204
```
#5b4204 rgb(91,66,4)
```
#5f4300
```
#5f4300 rgb(95,67,0)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#494436 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5107 Protanopia 1% of men
#654d00 Deuteranopia 1% of men
#6a474c Tritanopia 0.001% of the population

Trichromacy

#5c4c04 Protanomaly 1% of men, 0.01% of women
#634900 Deuteranomaly 6% of men, 0.4% of women
#664530 Tritanomaly 0.01% of the population

#5f4300 hex color

#5f4300 Color Information

#5f4300 Color Conversion

Color Schemes with #5f4300

Alternatives to #5f4300

#5f4300 Preview

Shades and Tints of #5f4300

Tones of #5f4300

Color Blindness Simulator