#5f3c18 hex color

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

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

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

The hexadecimal color #5f3c18 has RGB values of R:95, G:60, B:24 and CMYK values of C:0, M:0.37, Y:0.75, K:0.63. Its decimal value is 6241304.

Hex triplet	5f3c18	`#5f3c18`
RGB Decimal	95, 60, 24	`rgb(95,60,24)`
RGB Percent	37.3, 23.5, 9.4	`rgb(37.3%,23.5%,9.4%)`
CMYK	0, 37, 75, 63
HSL	30.4°, 59.7, 23.3	`hsl(30.4,59.7%,23.3%)`
HSV (or HSB)	30.4°, 74.7, 37.3
Web Safe	663300	`#663300`

CIE-LAB	28.723, 11.698, 27.838
XYZ	6.5, 5.731, 1.628
xyY	0.469, 0.414, 5.731
CIE-LCH	28.723, 30.196, 67.207
CIE-LUV	28.723, 25.858, 22.964
Hunter-Lab	23.94, 6.573, 12.726
Binary	01011111, 00111100, 00011000

#5f3c18
```
#5f3c18 rgb(95,60,24)
```
#183b5f
```
#183b5f rgb(24,59,95)
```

Complementary Color

#5f1918
```
#5f1918 rgb(95,25,24)
```
#5f3c18
```
#5f3c18 rgb(95,60,24)
```
#5f5f18
```
#5f5f18 rgb(95,95,24)
```

Analogous Color

#18185f
```
#18185f rgb(24,24,95)
```
#5f3c18
```
#5f3c18 rgb(95,60,24)
```
#185f5f
```
#185f5f rgb(24,95,95)
```

Split Complementary Color

#3c185f
```
#3c185f rgb(60,24,95)
```
#5f3c18
```
#5f3c18 rgb(95,60,24)
```
#185f3c
```
#185f3c rgb(24,95,60)
```

Triadic Color

#5f183b
```
#5f183b rgb(95,24,59)
```
#5f3c18
```
#5f3c18 rgb(95,60,24)
```
#185f3c
```
#185f3c rgb(24,95,60)
```
#183b5f
```
#183b5f rgb(24,59,95)
```

Tetradic Color

#221509
```
#221509 rgb(34,21,9)
```
#36220e
```
#36220e rgb(54,34,14)
```
#4b2f13
```
#4b2f13 rgb(75,47,19)
```
#5f3c18
```
#5f3c18 rgb(95,60,24)
```
#73491d
```
#73491d rgb(115,73,29)
```
#885622
```
#885622 rgb(136,86,34)
```
#9c6327
```
#9c6327 rgb(156,99,39)
```

Monochromatic Color

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

#5f2a18
```
#5f2a18 rgb(95,42,24)
```
#5f3018
```
#5f3018 rgb(95,48,24)
```
#5f3618
```
#5f3618 rgb(95,54,24)
```
#5f3c18
```
#5f3c18 rgb(95,60,24)
```
#5f4218
```
#5f4218 rgb(95,66,24)
```
#5f4818
```
#5f4818 rgb(95,72,24)
```
#5f4e18
```
#5f4e18 rgb(95,78,24)
```

Similar Colors

Text with hexadecimal color #5f3c18

This text has a font color of #5f3c18.

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

#5f3c18 background color

This paragraph has a background color of #5f3c18.

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

#5f3c18 border color

This element has a border color of #5f3c18.

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

CSS codes

.text {color:#5f3c18;}

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

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

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 #fbf6f0 is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#110b04
```
#110b04 rgb(17,11,4)
```
#201408
```
#201408 rgb(32,20,8)
```
#301e0c
```
#301e0c rgb(48,30,12)
```
#402810
```
#402810 rgb(64,40,16)
```
#4f3214
```
#4f3214 rgb(79,50,20)
```
#5f3c18
```
#5f3c18 rgb(95,60,24)
```
#6f461c
```
#6f461c rgb(111,70,28)
```
#7e5020
```
#7e5020 rgb(126,80,32)
```
#8e5a24
```
#8e5a24 rgb(142,90,36)
```
#9e6428
```
#9e6428 rgb(158,100,40)
```
#ad6d2c
```
#ad6d2c rgb(173,109,44)
```
#bd7730
```
#bd7730 rgb(189,119,48)
```

Shade Color Variation

#cc8134
```
#cc8134 rgb(204,129,52)
```
#d08b44
```
#d08b44 rgb(208,139,68)
```
#d49554
```
#d49554 rgb(212,149,84)
```
#d89e63
```
#d89e63 rgb(216,158,99)
```
#dca873
```
#dca873 rgb(220,168,115)
```
#e0b283
```
#e0b283 rgb(224,178,131)
```
#e4bc92
```
#e4bc92 rgb(228,188,146)
```
#e8c5a2
```
#e8c5a2 rgb(232,197,162)
```
#ebcfb2
```
#ebcfb2 rgb(235,207,178)
```
#efd9c1
```
#efd9c1 rgb(239,217,193)
```
#f3e2d1
```
#f3e2d1 rgb(243,226,209)
```
#f7ece1
```
#f7ece1 rgb(247,236,225)
```
#fbf6f0
```
#fbf6f0 rgb(251,246,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 #763c01 is the most saturated one.

#3f3c38
```
#3f3c38 rgb(63,60,56)
```
#443c33
```
#443c33 rgb(68,60,51)
```
#483c2f
```
#483c2f rgb(72,60,47)
```
#4d3c2a
```
#4d3c2a rgb(77,60,42)
```
#513c26
```
#513c26 rgb(81,60,38)
```
#563c21
```
#563c21 rgb(86,60,33)
```
#5a3c1d
```
#5a3c1d rgb(90,60,29)
```
#5f3c18
```
#5f3c18 rgb(95,60,24)
```
#643c13
```
#643c13 rgb(100,60,19)
```
#683c0f
```
#683c0f rgb(104,60,15)
```
#6d3c0a
```
#6d3c0a rgb(109,60,10)
```
#713c06
```
#713c06 rgb(113,60,6)
```
#763c01
```
#763c01 rgb(118,60,1)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#48413a Atypical Achromatopsia 0.001% of the population

Dichromacy

#554d26 Protanopia 1% of men
#5f4922 Deuteranopia 1% of men
#694246 Tritanopia 0.001% of the population

Trichromacy

#584721 Protanomaly 1% of men, 0.01% of women
#5f441e Deuteranomaly 6% of men, 0.4% of women
#654035 Tritanomaly 0.01% of the population

#5f3c18 hex color

#5f3c18 Color Information

#5f3c18 Color Conversion

Color Schemes with #5f3c18

Alternatives to #5f3c18

#5f3c18 Preview

Shades and Tints of #5f3c18

Tones of #5f3c18

Color Blindness Simulator