#5f5348 hex color

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

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

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

The hexadecimal color #5f5348 has RGB values of R:95, G:83, B:72 and CMYK values of C:0, M:0.13, Y:0.24, K:0.63. Its decimal value is 6247240.

Hex triplet	5f5348	`#5f5348`
RGB Decimal	95, 83, 72	`rgb(95,83,72)`
RGB Percent	37.3, 32.5, 28.2	`rgb(37.3%,32.5%,28.2%)`
CMYK	0, 13, 24, 63
HSL	28.7°, 13.8, 32.7	`hsl(28.7,13.8%,32.7%)`
HSV (or HSB)	28.7°, 24.2, 37.3
Web Safe	666633	`#666633`

CIE-LAB	36.152, 2.952, 8.257
XYZ	8.982, 9.087, 7.411
xyY	0.353, 0.357, 9.087
CIE-LCH	36.152, 8.769, 70.328
CIE-LUV	36.152, 7.812, 9.335
Hunter-Lab	30.145, 0.431, 6.525
Binary	01011111, 01010011, 01001000

#5f5348
```
#5f5348 rgb(95,83,72)
```
#48545f
```
#48545f rgb(72,84,95)
```

Complementary Color

#5f4849
```
#5f4849 rgb(95,72,73)
```
#5f5348
```
#5f5348 rgb(95,83,72)
```
#5f5f48
```
#5f5f48 rgb(95,95,72)
```

Analogous Color

#48495f
```
#48495f rgb(72,73,95)
```
#5f5348
```
#5f5348 rgb(95,83,72)
```
#485f5f
```
#485f5f rgb(72,95,95)
```

Split Complementary Color

#53485f
```
#53485f rgb(83,72,95)
```
#5f5348
```
#5f5348 rgb(95,83,72)
```
#485f53
```
#485f53 rgb(72,95,83)
```

Triadic Color

#5f4854
```
#5f4854 rgb(95,72,84)
```
#5f5348
```
#5f5348 rgb(95,83,72)
```
#485f53
```
#485f53 rgb(72,95,83)
```
#48545f
```
#48545f rgb(72,84,95)
```

Tetradic Color

#332d27
```
#332d27 rgb(51,45,39)
```
#423a32
```
#423a32 rgb(66,58,50)
```
#50463d
```
#50463d rgb(80,70,61)
```
#5f5348
```
#5f5348 rgb(95,83,72)
```
#6e6053
```
#6e6053 rgb(110,96,83)
```
#7c6c5e
```
#7c6c5e rgb(124,108,94)
```
#8b7969
```
#8b7969 rgb(139,121,105)
```

Monochromatic Color

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

#5f4d48
```
#5f4d48 rgb(95,77,72)
```
#5f4f48
```
#5f4f48 rgb(95,79,72)
```
#5f5148
```
#5f5148 rgb(95,81,72)
```
#5f5348
```
#5f5348 rgb(95,83,72)
```
#5f5548
```
#5f5548 rgb(95,85,72)
```
#5f5748
```
#5f5748 rgb(95,87,72)
```
#5f5948
```
#5f5948 rgb(95,89,72)
```

Similar Colors

Text with hexadecimal color #5f5348

This text has a font color of #5f5348.

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

#5f5348 background color

This paragraph has a background color of #5f5348.

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

#5f5348 border color

This element has a border color of #5f5348.

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

CSS codes

.text {color:#5f5348;}

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

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

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)
```
#27221e
```
#27221e rgb(39,34,30)
```
#322c26
```
#322c26 rgb(50,44,38)
```
#3e362f
```
#3e362f rgb(62,54,47)
```
#494037
```
#494037 rgb(73,64,55)
```
#544940
```
#544940 rgb(84,73,64)
```
#5f5348
```
#5f5348 rgb(95,83,72)
```
#6a5d50
```
#6a5d50 rgb(106,93,80)
```
#756659
```
#756659 rgb(117,102,89)
```
#807061
```
#807061 rgb(128,112,97)
```
#8c7a6a
```
#8c7a6a rgb(140,122,106)
```

Shade Color Variation

#958474
```
#958474 rgb(149,132,116)
```
#9e8e7f
```
#9e8e7f rgb(158,142,127)
```
#a6988a
```
#a6988a rgb(166,152,138)
```
#afa195
```
#afa195 rgb(175,161,149)
```
#b7aba0
```
#b7aba0 rgb(183,171,160)
```
#c0b5ab
```
#c0b5ab rgb(192,181,171)
```
#c8bfb7
```
#c8bfb7 rgb(200,191,183)
```
#d1c9c2
```
#d1c9c2 rgb(209,201,194)
```
#d9d3cd
```
#d9d3cd rgb(217,211,205)
```
#e2ddd8
```
#e2ddd8 rgb(226,221,216)
```
#eae6e3
```
#eae6e3 rgb(234,230,227)
```
#f2f0ee
```
#f2f0ee rgb(242,240,238)
```
#fbfafa
```
#fbfafa rgb(251,250,250)
```

Tint Color Variation

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

#59534e
```
#59534e rgb(89,83,78)
```
#5f5348
```
#5f5348 rgb(95,83,72)
```
#655342
```
#655342 rgb(101,83,66)
```
#6c523b
```
#6c523b rgb(108,82,59)
```
#725235
```
#725235 rgb(114,82,53)
```
#79522e
```
#79522e rgb(121,82,46)
```
#7f5228
```
#7f5228 rgb(127,82,40)
```
#865121
```
#865121 rgb(134,81,33)
```
#8c511b
```
#8c511b rgb(140,81,27)
```
#925115
```
#925115 rgb(146,81,21)
```
#99500e
```
#99500e rgb(153,80,14)
```
#9f5008
```
#9f5008 rgb(159,80,8)
```
#a65001
```
#a65001 rgb(166,80,1)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#575552 Atypical Achromatopsia 0.001% of the population

Dichromacy

#625d52 Protanopia 1% of men
#6a5a51 Deuteranopia 1% of men
#695960 Tritanopia 0.001% of the population

Trichromacy

#61594e Protanomaly 1% of men, 0.01% of women
#66574e Deuteranomaly 6% of men, 0.4% of women
#655757 Tritanomaly 0.01% of the population

#5f5348 hex color

#5f5348 Color Information

#5f5348 Color Conversion

Color Schemes with #5f5348

Alternatives to #5f5348

#5f5348 Preview

Shades and Tints of #5f5348

Tones of #5f5348

Color Blindness Simulator