colorhexa.com

#5c4f30 hex color

In a RGB color space, hex #5c4f30 is composed of 36.1% red, 31% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.1% magenta, 47.8% yellow and 63.9% black. It has a hue angle of 42.3 degrees, a saturation of 31.4% and a lightness of 27.5%. #5c4f30 color hex could be obtained by blending #b89e60 with #000000. Closest websafe color is: #666633.

- R 36
- G 31
- B 19
RGB color chart
- C 0
- M 14
- Y 48
- K 64
CMYK color chart

● #5c4f30 color description : Very dark desaturated orange.

The hexadecimal color #5c4f30 has RGB values of R:92, G:79, B:48 and CMYK values of C:0, M:0.14, Y:0.48, K:0.64. Its decimal value is 6049584.

Hex triplet	5c4f30	`#5c4f30`
RGB Decimal	92, 79, 48	`rgb(92,79,48)`
RGB Percent	36.1, 31, 18.8	`rgb(36.1%,31%,18.8%)`
CMYK	0, 14, 48, 64
HSL	42.3°, 31.4, 27.5	`hsl(42.3,31.4%,27.5%)`
HSV (or HSB)	42.3°, 47.8, 36.1
Web Safe	666633	`#666633`

CIE-LAB	34.151, 0.584, 20.27
XYZ	7.743, 8.081, 3.948
xyY	0.392, 0.409, 8.081
CIE-LCH	34.151, 20.278, 88.349
CIE-LUV	34.151, 9.826, 21.397
Hunter-Lab	28.427, -1.126, 11.664
Binary	01011100, 01001111, 00110000

#5c4f30
```
#5c4f30 rgb(92,79,48)
```
#303d5c
```
#303d5c rgb(48,61,92)
```

Complementary Color

#5c3930
```
#5c3930 rgb(92,57,48)
```
#5c4f30
```
#5c4f30 rgb(92,79,48)
```
#535c30
```
#535c30 rgb(83,92,48)
```

Analogous Color

#39305c
```
#39305c rgb(57,48,92)
```
#5c4f30
```
#5c4f30 rgb(92,79,48)
```
#30535c
```
#30535c rgb(48,83,92)
```

Split Complementary Color

#2a2416
```
#2a2416 rgb(42,36,22)
```
#3a321f
```
#3a321f rgb(58,50,31)
```
#4b4127
```
#4b4127 rgb(75,65,39)
```
#5c4f30
```
#5c4f30 rgb(92,79,48)
```
#6d5d39
```
#6d5d39 rgb(109,93,57)
```
#7e6c41
```
#7e6c41 rgb(126,108,65)
```
#8e7a4a
```
#8e7a4a rgb(142,122,74)
```

Monochromatic Color

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

#5c4430
```
#5c4430 rgb(92,68,48)
```
#5c4830
```
#5c4830 rgb(92,72,48)
```
#5c4b30
```
#5c4b30 rgb(92,75,48)
```
#5c4f30
```
#5c4f30 rgb(92,79,48)
```
#5c5330
```
#5c5330 rgb(92,83,48)
```
#5c5630
```
#5c5630 rgb(92,86,48)
```
#5c5a30
```
#5c5a30 rgb(92,90,48)
```

Similar Colors

Text with hexadecimal color #5c4f30

This text has a font color of #5c4f30.

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

#5c4f30 background color

This paragraph has a background color of #5c4f30.

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

#5c4f30 border color

This element has a border color of #5c4f30.

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

CSS codes

.text {color:#5c4f30;}

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

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0f0d08
```
#0f0d08 rgb(15,13,8)
```
#1c180e
```
#1c180e rgb(28,24,14)
```
#282315
```
#282315 rgb(40,35,21)
```
#352e1c
```
#352e1c rgb(53,46,28)
```
#423923
```
#423923 rgb(66,57,35)
```
#4f4429
```
#4f4429 rgb(79,68,41)
```
#5c4f30
```
#5c4f30 rgb(92,79,48)
```
#695a37
```
#695a37 rgb(105,90,55)
```
#76653d
```
#76653d rgb(118,101,61)
```
#837044
```
#837044 rgb(131,112,68)
```
#907b4b
```
#907b4b rgb(144,123,75)
```
#9c8652
```
#9c8652 rgb(156,134,82)
```

Shade Color Variation

#a89159
```
#a89159 rgb(168,145,89)
```
#af9a66
```
#af9a66 rgb(175,154,102)
```
#b6a273
```
#b6a273 rgb(182,162,115)
```
#bdab80
```
#bdab80 rgb(189,171,128)
```
#c3b38d
```
#c3b38d rgb(195,179,141)
```
#cabc9a
```
#cabc9a rgb(202,188,154)
```
#d1c4a7
```
#d1c4a7 rgb(209,196,167)
```
#d8cdb3
```
#d8cdb3 rgb(216,205,179)
```
#ded5c0
```
#ded5c0 rgb(222,213,192)
```
#e5decd
```
#e5decd rgb(229,222,205)
```
#ece7da
```
#ece7da rgb(236,231,218)
```
#f2efe7
```
#f2efe7 rgb(242,239,231)
```
#f9f8f4
```
#f9f8f4 rgb(249,248,244)
```

Tint Color Variation

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

#464646
```
#464646 rgb(70,70,70)
```
#4c4840
```
#4c4840 rgb(76,72,64)
```
#514b3b
```
#514b3b rgb(81,75,59)
```
#574d35
```
#574d35 rgb(87,77,53)
```
#5c4f30
```
#5c4f30 rgb(92,79,48)
```
#61512b
```
#61512b rgb(97,81,43)
```
#675325
```
#675325 rgb(103,83,37)
```
#6c5620
```
#6c5620 rgb(108,86,32)
```
#72581a
```
#72581a rgb(114,88,26)
```
#775a15
```
#775a15 rgb(119,90,21)
```
#7c5c10
```
#7c5c10 rgb(124,92,16)
```
#825e0a
```
#825e0a rgb(130,94,10)
```
#876105
```
#876105 rgb(135,97,5)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#524f49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#60593b Protanopia 1% of men
#6a553b Deuteranopia 1% of men
#68545a Tritanopia 0.001% of the population

Trichromacy

#5f5537 Protanomaly 1% of men, 0.01% of women
#655337 Deuteranomaly 6% of men, 0.4% of women
#63524a Tritanomaly 0.01% of the population