colorhexa.com

#5b4158 hex color

In a RGB color space, hex #5b4158 is composed of 35.7% red, 25.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.6% magenta, 3.3% yellow and 64.3% black. It has a hue angle of 306.9 degrees, a saturation of 16.7% and a lightness of 30.6%. #5b4158 color hex could be obtained by blending #b682b0 with #000000. Closest websafe color is: #663366.

- R 36
- G 25
- B 35
RGB color chart
- C 0
- M 29
- Y 3
- K 64
CMYK color chart

● #5b4158 color description : Very dark grayish magenta.

The hexadecimal color #5b4158 has RGB values of R:91, G:65, B:88 and CMYK values of C:0, M:0.29, Y:0.03, K:0.64. Its decimal value is 5980504.

Hex triplet	5b4158	`#5b4158`
RGB Decimal	91, 65, 88	`rgb(91,65,88)`
RGB Percent	35.7, 25.5, 34.5	`rgb(35.7%,25.5%,34.5%)`
CMYK	0, 29, 3, 64
HSL	306.9°, 16.7, 30.6	`hsl(306.9,16.7%,30.6%)`
HSV (or HSB)	306.9°, 28.6, 35.7
Web Safe	663366	`#663366`

CIE-LAB	31.136, 15.637, -9.288
XYZ	7.966, 6.71, 10.107
xyY	0.321, 0.271, 6.71
CIE-LCH	31.136, 18.188, 329.292
CIE-LUV	31.136, 12.754, -13.637
Hunter-Lab	25.903, 9.564, -5.003
Binary	01011011, 01000001, 01011000

#5b4158
```
#5b4158 rgb(91,65,88)
```
#415b44
```
#415b44 rgb(65,91,68)
```

Complementary Color

#51415b
```
#51415b rgb(81,65,91)
```
#5b4158
```
#5b4158 rgb(91,65,88)
```
#5b414b
```
#5b414b rgb(91,65,75)
```

Analogous Color

#415b51
```
#415b51 rgb(65,91,81)
```
#5b4158
```
#5b4158 rgb(91,65,88)
```
#4b5b41
```
#4b5b41 rgb(75,91,65)
```

Split Complementary Color

#2e212d
```
#2e212d rgb(46,33,45)
```
#3d2c3b
```
#3d2c3b rgb(61,44,59)
```
#4c364a
```
#4c364a rgb(76,54,74)
```
#5b4158
```
#5b4158 rgb(91,65,88)
```
#6a4c66
```
#6a4c66 rgb(106,76,102)
```
#795675
```
#795675 rgb(121,86,117)
```
#886183
```
#886183 rgb(136,97,131)
```

Monochromatic Color

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

#58415b
```
#58415b rgb(88,65,91)
```
#5a415b
```
#5a415b rgb(90,65,91)
```
#5b415a
```
#5b415a rgb(91,65,90)
```
#5b4158
```
#5b4158 rgb(91,65,88)
```
#5b4156
```
#5b4156 rgb(91,65,86)
```
#5b4154
```
#5b4154 rgb(91,65,84)
```
#5b4152
```
#5b4152 rgb(91,65,82)
```

Similar Colors

Text with hexadecimal color #5b4158

This text has a font color of #5b4158.

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

#5b4158 background color

This paragraph has a background color of #5b4158.

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

#5b4158 border color

This element has a border color of #5b4158.

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

CSS codes

.text {color:#5b4158;}

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

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

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, #0b080b is the darkest color, while #fffeff is the lightest one.

#0b080b
```
#0b080b rgb(11,8,11)
```
#161016
```
#161016 rgb(22,16,22)
```
#221821
```
#221821 rgb(34,24,33)
```
#2d202c
```
#2d202c rgb(45,32,44)
```
#392837
```
#392837 rgb(57,40,55)
```
#443142
```
#443142 rgb(68,49,66)
```
#50394d
```
#50394d rgb(80,57,77)
```
#5b4158
```
#5b4158 rgb(91,65,88)
```
#664963
```
#664963 rgb(102,73,99)
```
#72516e
```
#72516e rgb(114,81,110)
```
#7d5a79
```
#7d5a79 rgb(125,90,121)
```
#896284
```
#896284 rgb(137,98,132)
```
#946a8f
```
#946a8f rgb(148,106,143)
```

Shade Color Variation

#9d7598
```
#9d7598 rgb(157,117,152)
```
#a581a1
```
#a581a1 rgb(165,129,161)
```
#ad8ca9
```
#ad8ca9 rgb(173,140,169)
```
#b597b2
```
#b597b2 rgb(181,151,178)
```
#bda3ba
```
#bda3ba rgb(189,163,186)
```
#c5aec3
```
#c5aec3 rgb(197,174,195)
```
#cebacb
```
#cebacb rgb(206,186,203)
```
#d6c5d4
```
#d6c5d4 rgb(214,197,212)
```
#ded1dc
```
#ded1dc rgb(222,209,220)
```
#e6dce5
```
#e6dce5 rgb(230,220,229)
```
#eee8ed
```
#eee8ed rgb(238,232,237)
```
#f6f3f6
```
#f6f3f6 rgb(246,243,246)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#4f4d4f
```
#4f4d4f rgb(79,77,79)
```
#554753
```
#554753 rgb(85,71,83)
```
#5b4158
```
#5b4158 rgb(91,65,88)
```
#613b5d
```
#613b5d rgb(97,59,93)
```
#673561
```
#673561 rgb(103,53,97)
```
#6d2f66
```
#6d2f66 rgb(109,47,102)
```
#73296a
```
#73296a rgb(115,41,106)
```
#79236f
```
#79236f rgb(121,35,111)
```
#7f1d74
```
#7f1d74 rgb(127,29,116)
```
#851778
```
#851778 rgb(133,23,120)
```
#8b117d
```
#8b117d rgb(139,17,125)
```
#910b82
```
#910b82 rgb(145,11,130)
```
#970586
```
#970586 rgb(151,5,134)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4e494e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5165 Protanopia 1% of men
#54505e Deuteranopia 1% of men
#614d52 Tritanopia 0.001% of the population

Trichromacy

#524b60 Protanomaly 1% of men, 0.01% of women
#564b5c Deuteranomaly 6% of men, 0.4% of women
#5f4854 Tritanomaly 0.01% of the population