#5f4563 hex color

In a RGB color space, hex #5f4563 is composed of 37.3% red, 27.1% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 4% cyan, 30.3% magenta, 0% yellow and 61.2% black. It has a hue angle of 292 degrees, a saturation of 17.9% and a lightness of 32.9%. #5f4563 color hex could be obtained by blending #be8ac6 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 37
- G 27
- B 39
RGB color chart
- C 4
- M 30
- Y 0
- K 61
CMYK color chart

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

The hexadecimal color #5f4563 has RGB values of R:95, G:69, B:99 and CMYK values of C:0.04, M:0.3, Y:0, K:0.61. Its decimal value is 6243683.

Hex triplet	5f4563	`#5f4563`
RGB Decimal	95, 69, 99	`rgb(95,69,99)`
RGB Percent	37.3, 27.1, 38.8	`rgb(37.3%,27.1%,38.8%)`
CMYK	4, 30, 0, 61
HSL	292°, 17.9, 32.9	`hsl(292,17.9%,32.9%)`
HSV (or HSB)	292°, 30.3, 38.8
Web Safe	663366	`#663366`

CIE-LAB	33.114, 17.031, -13.268
XYZ	9.099, 7.59, 12.789
xyY	0.309, 0.257, 7.59
CIE-LCH	33.114, 21.589, 322.081
CIE-LUV	33.114, 11.959, -19.321
Hunter-Lab	27.55, 10.742, -8.238
Binary	01011111, 01000101, 01100011

#5f4563
```
#5f4563 rgb(95,69,99)
```
#496345
```
#496345 rgb(73,99,69)
```

Complementary Color

#504563
```
#504563 rgb(80,69,99)
```
#5f4563
```
#5f4563 rgb(95,69,99)
```
#634558
```
#634558 rgb(99,69,88)
```

Analogous Color

#456350
```
#456350 rgb(69,99,80)
```
#5f4563
```
#5f4563 rgb(95,69,99)
```
#586345
```
#586345 rgb(88,99,69)
```

Split Complementary Color

#45635f
```
#45635f rgb(69,99,95)
```
#5f4563
```
#5f4563 rgb(95,69,99)
```
#635f45
```
#635f45 rgb(99,95,69)
```

Triadic Color

#454963
```
#454963 rgb(69,73,99)
```
#5f4563
```
#5f4563 rgb(95,69,99)
```
#635f45
```
#635f45 rgb(99,95,69)
```
#496345
```
#496345 rgb(73,99,69)
```

Tetradic Color

#342636
```
#342636 rgb(52,38,54)
```
#423045
```
#423045 rgb(66,48,69)
```
#513b54
```
#513b54 rgb(81,59,84)
```
#5f4563
```
#5f4563 rgb(95,69,99)
```
#6d4f72
```
#6d4f72 rgb(109,79,114)
```
#7c5a81
```
#7c5a81 rgb(124,90,129)
```
#8a6490
```
#8a6490 rgb(138,100,144)
```

Monochromatic Color

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

#584563
```
#584563 rgb(88,69,99)
```
#5a4563
```
#5a4563 rgb(90,69,99)
```
#5d4563
```
#5d4563 rgb(93,69,99)
```
#5f4563
```
#5f4563 rgb(95,69,99)
```
#624563
```
#624563 rgb(98,69,99)
```
#634562
```
#634562 rgb(99,69,98)
```
#634560
```
#634560 rgb(99,69,96)
```

Similar Colors

Text with hexadecimal color #5f4563

This text has a font color of #5f4563.

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

#5f4563 background color

This paragraph has a background color of #5f4563.

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

#5f4563 border color

This element has a border color of #5f4563.

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

CSS codes

.text {color:#5f4563;}

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

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

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

#060507
```
#060507 rgb(6,5,7)
```
#110d12
```
#110d12 rgb(17,13,18)
```
#1c151e
```
#1c151e rgb(28,21,30)
```
#281d29
```
#281d29 rgb(40,29,41)
```
#332535
```
#332535 rgb(51,37,53)
```
#3e2d40
```
#3e2d40 rgb(62,45,64)
```
#49354c
```
#49354c rgb(73,53,76)
```
#543d57
```
#543d57 rgb(84,61,87)
```
#5f4563
```
#5f4563 rgb(95,69,99)
```
#6a4d6f
```
#6a4d6f rgb(106,77,111)
```
#75557a
```
#75557a rgb(117,85,122)
```
#805d86
```
#805d86 rgb(128,93,134)
```
#8b6591
```
#8b6591 rgb(139,101,145)
```

Shade Color Variation

#956f9b
```
#956f9b rgb(149,111,155)
```
#9e7ba3
```
#9e7ba3 rgb(158,123,163)
```
#a686ab
```
#a686ab rgb(166,134,171)
```
#af92b3
```
#af92b3 rgb(175,146,179)
```
#b79dbb
```
#b79dbb rgb(183,157,187)
```
#c0a9c3
```
#c0a9c3 rgb(192,169,195)
```
#c8b5cb
```
#c8b5cb rgb(200,181,203)
```
#d1c0d3
```
#d1c0d3 rgb(209,192,211)
```
#d9ccdb
```
#d9ccdb rgb(217,204,219)
```
#e2d7e3
```
#e2d7e3 rgb(226,215,227)
```
#eae3eb
```
#eae3eb rgb(234,227,235)
```
#f3eef3
```
#f3eef3 rgb(243,238,243)
```
#fbfafb
```
#fbfafb rgb(251,250,251)
```

Tint Color Variation

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

#565256
```
#565256 rgb(86,82,86)
```
#5a4b5d
```
#5a4b5d rgb(90,75,93)
```
#5f4563
```
#5f4563 rgb(95,69,99)
```
#643f69
```
#643f69 rgb(100,63,105)
```
#683870
```
#683870 rgb(104,56,112)
```
#6d3276
```
#6d3276 rgb(109,50,118)
```
#722b7d
```
#722b7d rgb(114,43,125)
```
#772583
```
#772583 rgb(119,37,131)
```
#7b1e8a
```
#7b1e8a rgb(123,30,138)
```
#801890
```
#801890 rgb(128,24,144)
```
#851197
```
#851197 rgb(133,17,151)
```
#8a0b9d
```
#8a0b9d rgb(138,11,157)
```
#8e04a4
```
#8e04a4 rgb(142,4,164)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#534e54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f566f Protanopia 1% of men
#555568 Deuteranopia 1% of men
#645258 Tritanopia 0.001% of the population

Trichromacy

#554f6b Protanomaly 1% of men, 0.01% of women
#594f66 Deuteranomaly 6% of men, 0.4% of women
#624d5c Tritanomaly 0.01% of the population

#5f4563 hex color

#5f4563 Color Information

#5f4563 Color Conversion

Color Schemes with #5f4563

Alternatives to #5f4563

#5f4563 Preview

Shades and Tints of #5f4563

Tones of #5f4563

Color Blindness Simulator