#5f4524 hex color

In a RGB color space, hex #5f4524 is composed of 37.3% red, 27.1% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.4% magenta, 62.1% yellow and 62.7% black. It has a hue angle of 33.6 degrees, a saturation of 45% and a lightness of 25.7%. #5f4524 color hex could be obtained by blending #be8a48 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 37
- G 27
- B 14
RGB color chart
- C 0
- M 27
- Y 62
- K 63
CMYK color chart

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

The hexadecimal color #5f4524 has RGB values of R:95, G:69, B:36 and CMYK values of C:0, M:0.27, Y:0.62, K:0.63. Its decimal value is 6243620.

Hex triplet	5f4524	`#5f4524`
RGB Decimal	95, 69, 36	`rgb(95,69,36)`
RGB Percent	37.3, 27.1, 14.1	`rgb(37.3%,27.1%,14.1%)`
CMYK	0, 27, 62, 63
HSL	33.6°, 45, 25.7	`hsl(33.6,45%,25.7%)`
HSV (or HSB)	33.6°, 62.1, 37.3
Web Safe	663333	`#663333`

CIE-LAB	31.386, 6.975, 24.054
XYZ	7.166, 6.817, 2.607
xyY	0.432, 0.411, 6.817
CIE-LCH	31.386, 25.045, 73.829
CIE-LUV	31.386, 19.033, 22.425
Hunter-Lab	26.109, 3.3, 12.356
Binary	01011111, 01000101, 00100100

#5f4524
```
#5f4524 rgb(95,69,36)
```
#243e5f
```
#243e5f rgb(36,62,95)
```

Complementary Color

#5f2824
```
#5f2824 rgb(95,40,36)
```
#5f4524
```
#5f4524 rgb(95,69,36)
```
#5c5f24
```
#5c5f24 rgb(92,95,36)
```

Analogous Color

#28245f
```
#28245f rgb(40,36,95)
```
#5f4524
```
#5f4524 rgb(95,69,36)
```
#245c5f
```
#245c5f rgb(36,92,95)
```

Split Complementary Color

#45245f
```
#45245f rgb(69,36,95)
```
#5f4524
```
#5f4524 rgb(95,69,36)
```
#245f45
```
#245f45 rgb(36,95,69)
```

Triadic Color

#5f243e
```
#5f243e rgb(95,36,62)
```
#5f4524
```
#5f4524 rgb(95,69,36)
```
#245f45
```
#245f45 rgb(36,95,69)
```
#243e5f
```
#243e5f rgb(36,62,95)
```

Tetradic Color

#281d0f
```
#281d0f rgb(40,29,15)
```
#3a2a16
```
#3a2a16 rgb(58,42,22)
```
#4d381d
```
#4d381d rgb(77,56,29)
```
#5f4524
```
#5f4524 rgb(95,69,36)
```
#71522b
```
#71522b rgb(113,82,43)
```
#846032
```
#846032 rgb(132,96,50)
```
#966d39
```
#966d39 rgb(150,109,57)
```

Monochromatic Color

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

#5f3624
```
#5f3624 rgb(95,54,36)
```
#5f3b24
```
#5f3b24 rgb(95,59,36)
```
#5f4024
```
#5f4024 rgb(95,64,36)
```
#5f4524
```
#5f4524 rgb(95,69,36)
```
#5f4a24
```
#5f4a24 rgb(95,74,36)
```
#5f4f24
```
#5f4f24 rgb(95,79,36)
```
#5f5424
```
#5f5424 rgb(95,84,36)
```

Similar Colors

Text with hexadecimal color #5f4524

This text has a font color of #5f4524.

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

#5f4524 background color

This paragraph has a background color of #5f4524.

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

#5f4524 border color

This element has a border color of #5f4524.

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

CSS codes

.text {color:#5f4524;}

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

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

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

#0a0704
```
#0a0704 rgb(10,7,4)
```
#181109
```
#181109 rgb(24,17,9)
```
#261c0e
```
#261c0e rgb(38,28,14)
```
#342614
```
#342614 rgb(52,38,20)
```
#433019
```
#433019 rgb(67,48,25)
```
#513b1f
```
#513b1f rgb(81,59,31)
```
#5f4524
```
#5f4524 rgb(95,69,36)
```
#6d4f29
```
#6d4f29 rgb(109,79,41)
```
#7b5a2f
```
#7b5a2f rgb(123,90,47)
```
#8a6434
```
#8a6434 rgb(138,100,52)
```
#986e3a
```
#986e3a rgb(152,110,58)
```
#a6793f
```
#a6793f rgb(166,121,63)
```
#b48344
```
#b48344 rgb(180,131,68)
```

Shade Color Variation

#bd8d50
```
#bd8d50 rgb(189,141,80)
```
#c2965e
```
#c2965e rgb(194,150,94)
```
#c79f6c
```
#c79f6c rgb(199,159,108)
```
#cda87a
```
#cda87a rgb(205,168,122)
```
#d2b289
```
#d2b289 rgb(210,178,137)
```
#d8bb97
```
#d8bb97 rgb(216,187,151)
```
#ddc4a5
```
#ddc4a5 rgb(221,196,165)
```
#e2ceb3
```
#e2ceb3 rgb(226,206,179)
```
#e8d7c2
```
#e8d7c2 rgb(232,215,194)
```
#ede0d0
```
#ede0d0 rgb(237,224,208)
```
#f2e9de
```
#f2e9de rgb(242,233,222)
```
#f8f3ec
```
#f8f3ec rgb(248,243,236)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #46423d is the less saturated color, while #824901 is the most saturated one.

#46423d
```
#46423d rgb(70,66,61)
```
#4b4338
```
#4b4338 rgb(75,67,56)
```
#504333
```
#504333 rgb(80,67,51)
```
#55442e
```
#55442e rgb(85,68,46)
```
#5a4429
```
#5a4429 rgb(90,68,41)
```
#5f4524
```
#5f4524 rgb(95,69,36)
```
#64461f
```
#64461f rgb(100,70,31)
```
#69461a
```
#69461a rgb(105,70,26)
```
#6e4715
```
#6e4715 rgb(110,71,21)
```
#734710
```
#734710 rgb(115,71,16)
```
#78480b
```
#78480b rgb(120,72,11)
```
#7d4906
```
#7d4906 rgb(125,73,6)
```
#824901
```
#824901 rgb(130,73,1)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4d4842 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5330 Protanopia 1% of men
#654f2f Deuteranopia 1% of men
#6a4a4f Tritanopia 0.001% of the population

Trichromacy

#5c4e2c Protanomaly 1% of men, 0.01% of women
#624b2b Deuteranomaly 6% of men, 0.4% of women
#66483f Tritanomaly 0.01% of the population

#5f4524 hex color

#5f4524 Color Information

#5f4524 Color Conversion

Color Schemes with #5f4524

Alternatives to #5f4524

#5f4524 Preview

Shades and Tints of #5f4524

Tones of #5f4524

Color Blindness Simulator