#5f4318 hex color

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

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

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

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

Hex triplet	5f4318	`#5f4318`
RGB Decimal	95, 67, 24	`rgb(95,67,24)`
RGB Percent	37.3, 26.3, 9.4	`rgb(37.3%,26.3%,9.4%)`
CMYK	0, 29, 75, 63
HSL	36.3°, 59.7, 23.3	`hsl(36.3,59.7%,23.3%)`
HSV (or HSB)	36.3°, 74.7, 37.3
Web Safe	663300	`#663300`

CIE-LAB	30.673, 7.319, 29.917
XYZ	6.891, 6.514, 1.758
xyY	0.454, 0.43, 6.514
CIE-LCH	30.673, 30.799, 76.254
CIE-LUV	30.673, 21.156, 26.007
Hunter-Lab	25.522, 3.536, 13.78
Binary	01011111, 01000011, 00011000

#5f4318
```
#5f4318 rgb(95,67,24)
```
#18345f
```
#18345f rgb(24,52,95)
```

Complementary Color

#5f2018
```
#5f2018 rgb(95,32,24)
```
#5f4318
```
#5f4318 rgb(95,67,24)
```
#585f18
```
#585f18 rgb(88,95,24)
```

Analogous Color

#20185f
```
#20185f rgb(32,24,95)
```
#5f4318
```
#5f4318 rgb(95,67,24)
```
#18585f
```
#18585f rgb(24,88,95)
```

Split Complementary Color

#43185f
```
#43185f rgb(67,24,95)
```
#5f4318
```
#5f4318 rgb(95,67,24)
```
#185f43
```
#185f43 rgb(24,95,67)
```

Triadic Color

#5f1834
```
#5f1834 rgb(95,24,52)
```
#5f4318
```
#5f4318 rgb(95,67,24)
```
#185f43
```
#185f43 rgb(24,95,67)
```
#18345f
```
#18345f rgb(24,52,95)
```

Tetradic Color

#221809
```
#221809 rgb(34,24,9)
```
#36260e
```
#36260e rgb(54,38,14)
```
#4b3513
```
#4b3513 rgb(75,53,19)
```
#5f4318
```
#5f4318 rgb(95,67,24)
```
#73511d
```
#73511d rgb(115,81,29)
```
#886022
```
#886022 rgb(136,96,34)
```
#9c6e27
```
#9c6e27 rgb(156,110,39)
```

Monochromatic Color

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

#5f3118
```
#5f3118 rgb(95,49,24)
```
#5f3718
```
#5f3718 rgb(95,55,24)
```
#5f3d18
```
#5f3d18 rgb(95,61,24)
```
#5f4318
```
#5f4318 rgb(95,67,24)
```
#5f4918
```
#5f4918 rgb(95,73,24)
```
#5f4f18
```
#5f4f18 rgb(95,79,24)
```
#5f5518
```
#5f5518 rgb(95,85,24)
```

Similar Colors

Text with hexadecimal color #5f4318

This text has a font color of #5f4318.

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

#5f4318 background color

This paragraph has a background color of #5f4318.

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

#5f4318 border color

This element has a border color of #5f4318.

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

CSS codes

.text {color:#5f4318;}

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

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

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

#010100
```
#010100 rgb(1,1,0)
```
#110c04
```
#110c04 rgb(17,12,4)
```
#201708
```
#201708 rgb(32,23,8)
```
#30220c
```
#30220c rgb(48,34,12)
```
#402d10
```
#402d10 rgb(64,45,16)
```
#4f3814
```
#4f3814 rgb(79,56,20)
```
#5f4318
```
#5f4318 rgb(95,67,24)
```
#6f4e1c
```
#6f4e1c rgb(111,78,28)
```
#7e5920
```
#7e5920 rgb(126,89,32)
```
#8e6424
```
#8e6424 rgb(142,100,36)
```
#9e6f28
```
#9e6f28 rgb(158,111,40)
```
#ad7a2c
```
#ad7a2c rgb(173,122,44)
```
#bd8530
```
#bd8530 rgb(189,133,48)
```

Shade Color Variation

#cc9034
```
#cc9034 rgb(204,144,52)
```
#d09944
```
#d09944 rgb(208,153,68)
```
#d4a154
```
#d4a154 rgb(212,161,84)
```
#d8aa63
```
#d8aa63 rgb(216,170,99)
```
#dcb273
```
#dcb273 rgb(220,178,115)
```
#e0bb83
```
#e0bb83 rgb(224,187,131)
```
#e4c492
```
#e4c492 rgb(228,196,146)
```
#e8cca2
```
#e8cca2 rgb(232,204,162)
```
#ebd5b2
```
#ebd5b2 rgb(235,213,178)
```
#efddc1
```
#efddc1 rgb(239,221,193)
```
#f3e6d1
```
#f3e6d1 rgb(243,230,209)
```
#f7eee1
```
#f7eee1 rgb(247,238,225)
```
#fbf7f0
```
#fbf7f0 rgb(251,247,240)
```

Tint Color Variation

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

#3f3c38
```
#3f3c38 rgb(63,60,56)
```
#443d33
```
#443d33 rgb(68,61,51)
```
#483e2f
```
#483e2f rgb(72,62,47)
```
#4d3f2a
```
#4d3f2a rgb(77,63,42)
```
#514026
```
#514026 rgb(81,64,38)
```
#564121
```
#564121 rgb(86,65,33)
```
#5a421d
```
#5a421d rgb(90,66,29)
```
#5f4318
```
#5f4318 rgb(95,67,24)
```
#644413
```
#644413 rgb(100,68,19)
```
#68450f
```
#68450f rgb(104,69,15)
```
#6d460a
```
#6d460a rgb(109,70,10)
```
#714706
```
#714706 rgb(113,71,6)
```
#764801
```
#764801 rgb(118,72,1)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#4b453d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a5125 Protanopia 1% of men
#644d23 Deuteranopia 1% of men
#6a484d Tritanopia 0.001% of the population

Trichromacy

#5c4c20 Protanomaly 1% of men, 0.01% of women
#62491f Deuteranomaly 6% of men, 0.4% of women
#664639 Tritanomaly 0.01% of the population

#5f4318 hex color

#5f4318 Color Information

#5f4318 Color Conversion

Color Schemes with #5f4318

Alternatives to #5f4318

#5f4318 Preview

Shades and Tints of #5f4318

Tones of #5f4318

Color Blindness Simulator