#5f5648 hex color

In a RGB color space, hex #5f5648 is composed of 37.3% red, 33.7% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.5% magenta, 24.2% yellow and 62.7% black. It has a hue angle of 36.5 degrees, a saturation of 13.8% and a lightness of 32.7%. #5f5648 color hex could be obtained by blending #beac90 with #000000. Closest websafe color is: #666633.

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

● #5f5648 color description : Very dark grayish orange.

The hexadecimal color #5f5648 has RGB values of R:95, G:86, B:72 and CMYK values of C:0, M:0.09, Y:0.24, K:0.63. Its decimal value is 6248008.

Hex triplet	5f5648	`#5f5648`
RGB Decimal	95, 86, 72	`rgb(95,86,72)`
RGB Percent	37.3, 33.7, 28.2	`rgb(37.3%,33.7%,28.2%)`
CMYK	0, 9, 24, 63
HSL	36.5°, 13.8, 32.7	`hsl(36.5,13.8%,32.7%)`
HSV (or HSB)	36.5°, 24.2, 37.3
Web Safe	666633	`#666633`

CIE-LAB	37.034, 1.114, 9.492
XYZ	9.217, 9.557, 7.49
xyY	0.351, 0.364, 9.557
CIE-LCH	37.034, 9.557, 83.305
CIE-LUV	37.034, 6.156, 11.097
Hunter-Lab	30.914, -0.88, 7.275
Binary	01011111, 01010110, 01001000

#5f5648
```
#5f5648 rgb(95,86,72)
```
#48515f
```
#48515f rgb(72,81,95)
```

Complementary Color

#5f4b48
```
#5f4b48 rgb(95,75,72)
```
#5f5648
```
#5f5648 rgb(95,86,72)
```
#5d5f48
```
#5d5f48 rgb(93,95,72)
```

Analogous Color

#4b485f
```
#4b485f rgb(75,72,95)
```
#5f5648
```
#5f5648 rgb(95,86,72)
```
#485d5f
```
#485d5f rgb(72,93,95)
```

Split Complementary Color

#56485f
```
#56485f rgb(86,72,95)
```
#5f5648
```
#5f5648 rgb(95,86,72)
```
#485f56
```
#485f56 rgb(72,95,86)
```

Triadic Color

#5f4851
```
#5f4851 rgb(95,72,81)
```
#5f5648
```
#5f5648 rgb(95,86,72)
```
#485f56
```
#485f56 rgb(72,95,86)
```
#48515f
```
#48515f rgb(72,81,95)
```

Tetradic Color

#332f27
```
#332f27 rgb(51,47,39)
```
#423c32
```
#423c32 rgb(66,60,50)
```
#50493d
```
#50493d rgb(80,73,61)
```
#5f5648
```
#5f5648 rgb(95,86,72)
```
#6e6353
```
#6e6353 rgb(110,99,83)
```
#7c705e
```
#7c705e rgb(124,112,94)
```
#8b7d69
```
#8b7d69 rgb(139,125,105)
```

Monochromatic Color

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

#5f5048
```
#5f5048 rgb(95,80,72)
```
#5f5248
```
#5f5248 rgb(95,82,72)
```
#5f5448
```
#5f5448 rgb(95,84,72)
```
#5f5648
```
#5f5648 rgb(95,86,72)
```
#5f5848
```
#5f5848 rgb(95,88,72)
```
#5f5a48
```
#5f5a48 rgb(95,90,72)
```
#5f5c48
```
#5f5c48 rgb(95,92,72)
```

Similar Colors

Text with hexadecimal color #5f5648

This text has a font color of #5f5648.

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

#5f5648 background color

This paragraph has a background color of #5f5648.

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

#5f5648 border color

This element has a border color of #5f5648.

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

CSS codes

.text {color:#5f5648;}

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

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

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

#060504
```
#060504 rgb(6,5,4)
```
#110f0d
```
#110f0d rgb(17,15,13)
```
#1c1915
```
#1c1915 rgb(28,25,21)
```
#27231e
```
#27231e rgb(39,35,30)
```
#322e26
```
#322e26 rgb(50,46,38)
```
#3e382f
```
#3e382f rgb(62,56,47)
```
#494237
```
#494237 rgb(73,66,55)
```
#544c40
```
#544c40 rgb(84,76,64)
```
#5f5648
```
#5f5648 rgb(95,86,72)
```
#6a6050
```
#6a6050 rgb(106,96,80)
```
#756a59
```
#756a59 rgb(117,106,89)
```
#807461
```
#807461 rgb(128,116,97)
```
#8c7e6a
```
#8c7e6a rgb(140,126,106)
```

Shade Color Variation

#958874
```
#958874 rgb(149,136,116)
```
#9e927f
```
#9e927f rgb(158,146,127)
```
#a69b8a
```
#a69b8a rgb(166,155,138)
```
#afa595
```
#afa595 rgb(175,165,149)
```
#b7aea0
```
#b7aea0 rgb(183,174,160)
```
#c0b8ab
```
#c0b8ab rgb(192,184,171)
```
#c8c1b7
```
#c8c1b7 rgb(200,193,183)
```
#d1cbc2
```
#d1cbc2 rgb(209,203,194)
```
#d9d4cd
```
#d9d4cd rgb(217,212,205)
```
#e2ded8
```
#e2ded8 rgb(226,222,216)
```
#eae7e3
```
#eae7e3 rgb(234,231,227)
```
#f2f1ee
```
#f2f1ee rgb(242,241,238)
```
#fbfafa
```
#fbfafa rgb(251,250,250)
```

Tint Color Variation

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

#59554e
```
#59554e rgb(89,85,78)
```
#5f5648
```
#5f5648 rgb(95,86,72)
```
#655742
```
#655742 rgb(101,87,66)
```
#6c593b
```
#6c593b rgb(108,89,59)
```
#725a35
```
#725a35 rgb(114,90,53)
```
#795c2e
```
#795c2e rgb(121,92,46)
```
#7f5d28
```
#7f5d28 rgb(127,93,40)
```
#865e21
```
#865e21 rgb(134,94,33)
```
#8c601b
```
#8c601b rgb(140,96,27)
```
#926115
```
#926115 rgb(146,97,21)
```
#99630e
```
#99630e rgb(153,99,14)
```
#9f6408
```
#9f6408 rgb(159,100,8)
```
#a66501
```
#a66501 rgb(166,101,1)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#595754 Atypical Achromatopsia 0.001% of the population

Dichromacy

#645f51 Protanopia 1% of men
#6d5c52 Deuteranopia 1% of men
#695c62 Tritanopia 0.001% of the population

Trichromacy

#625c4e Protanomaly 1% of men, 0.01% of women
#685a4e Deuteranomaly 6% of men, 0.4% of women
#655a59 Tritanomaly 0.01% of the population

#5f5648 hex color

#5f5648 Color Information

#5f5648 Color Conversion

Color Schemes with #5f5648

Alternatives to #5f5648

#5f5648 Preview

Shades and Tints of #5f5648

Tones of #5f5648

Color Blindness Simulator