#5f476a hex color

In a RGB color space, hex #5f476a is composed of 37.3% red, 27.8% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 33% magenta, 0% yellow and 58.4% black. It has a hue angle of 281.1 degrees, a saturation of 19.8% and a lightness of 34.7%. #5f476a color hex could be obtained by blending #be8ed4 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 37
- G 28
- B 42
RGB color chart
- C 10
- M 33
- Y 0
- K 58
CMYK color chart

● #5f476a color description : Very dark grayish violet.

The hexadecimal color #5f476a has RGB values of R:95, G:71, B:106 and CMYK values of C:0.1, M:0.33, Y:0, K:0.58. Its decimal value is 6244202.

Hex triplet	5f476a	`#5f476a`
RGB Decimal	95, 71, 106	`rgb(95,71,106)`
RGB Percent	37.3, 27.8, 41.6	`rgb(37.3%,27.8%,41.6%)`
CMYK	10, 33, 0, 58
HSL	281.1°, 19.8, 34.7	`hsl(281.1,19.8%,34.7%)`
HSV (or HSB)	281.1°, 33, 41.6
Web Safe	663366	`#663366`

CIE-LAB	33.942, 17.375, -16.427
XYZ	9.574, 7.98, 14.671
xyY	0.297, 0.248, 7.98
CIE-LCH	33.942, 23.91, 316.607
CIE-LUV	33.942, 10.214, -23.772
Hunter-Lab	28.249, 11.058, -11.017
Binary	01011111, 01000111, 01101010

#5f476a
```
#5f476a rgb(95,71,106)
```
#526a47
```
#526a47 rgb(82,106,71)
```

Complementary Color

#4e476a
```
#4e476a rgb(78,71,106)
```
#5f476a
```
#5f476a rgb(95,71,106)
```
#6a4764
```
#6a4764 rgb(106,71,100)
```

Analogous Color

#476a4e
```
#476a4e rgb(71,106,78)
```
#5f476a
```
#5f476a rgb(95,71,106)
```
#646a47
```
#646a47 rgb(100,106,71)
```

Split Complementary Color

#476a5f
```
#476a5f rgb(71,106,95)
```
#5f476a
```
#5f476a rgb(95,71,106)
```
#6a5f47
```
#6a5f47 rgb(106,95,71)
```

Triadic Color

#47526a
```
#47526a rgb(71,82,106)
```
#5f476a
```
#5f476a rgb(95,71,106)
```
#6a5f47
```
#6a5f47 rgb(106,95,71)
```
#526a47
```
#526a47 rgb(82,106,71)
```

Tetradic Color

#36283c
```
#36283c rgb(54,40,60)
```
#44334b
```
#44334b rgb(68,51,75)
```
#513d5b
```
#513d5b rgb(81,61,91)
```
#5f476a
```
#5f476a rgb(95,71,106)
```
#6d5179
```
#6d5179 rgb(109,81,121)
```
#7a5b89
```
#7a5b89 rgb(122,91,137)
```
#886698
```
#886698 rgb(136,102,152)
```

Monochromatic Color

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

#56476a
```
#56476a rgb(86,71,106)
```
#59476a
```
#59476a rgb(89,71,106)
```
#5c476a
```
#5c476a rgb(92,71,106)
```
#5f476a
```
#5f476a rgb(95,71,106)
```
#62476a
```
#62476a rgb(98,71,106)
```
#65476a
```
#65476a rgb(101,71,106)
```
#68476a
```
#68476a rgb(104,71,106)
```

Similar Colors

Text with hexadecimal color #5f476a

This text has a font color of #5f476a.

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

#5f476a background color

This paragraph has a background color of #5f476a.

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

#5f476a border color

This element has a border color of #5f476a.

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

CSS codes

.text {color:#5f476a;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0b080c
```
#0b080c rgb(11,8,12)
```
#151018
```
#151018 rgb(21,16,24)
```
#201824
```
#201824 rgb(32,24,36)
```
#2a202f
```
#2a202f rgb(42,32,47)
```
#35283b
```
#35283b rgb(53,40,59)
```
#3f2f47
```
#3f2f47 rgb(63,47,71)
```
#4a3753
```
#4a3753 rgb(74,55,83)
```
#543f5e
```
#543f5e rgb(84,63,94)
```
#5f476a
```
#5f476a rgb(95,71,106)
```
#6a4f76
```
#6a4f76 rgb(106,79,118)
```
#745781
```
#745781 rgb(116,87,129)
```
#7f5f8d
```
#7f5f8d rgb(127,95,141)
```

Shade Color Variation

#896799
```
#896799 rgb(137,103,153)
```
#9272a1
```
#9272a1 rgb(146,114,161)
```
#9b7ea9
```
#9b7ea9 rgb(155,126,169)
```
#a48ab1
```
#a48ab1 rgb(164,138,177)
```
#ad96b8
```
#ad96b8 rgb(173,150,184)
```
#b7a1c0
```
#b7a1c0 rgb(183,161,192)
```
#c0adc8
```
#c0adc8 rgb(192,173,200)
```
#c9b9d0
```
#c9b9d0 rgb(201,185,208)
```
#d2c5d8
```
#d2c5d8 rgb(210,197,216)
```
#dbd0e0
```
#dbd0e0 rgb(219,208,224)
```
#e4dce8
```
#e4dce8 rgb(228,220,232)
```
#ede8ef
```
#ede8ef rgb(237,232,239)
```
#f6f4f7
```
#f6f4f7 rgb(246,244,247)
```

Tint Color Variation

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

#5a555c
```
#5a555c rgb(90,85,92)
```
#5c4e63
```
#5c4e63 rgb(92,78,99)
```
#5f476a
```
#5f476a rgb(95,71,106)
```
#624071
```
#624071 rgb(98,64,113)
```
#643978
```
#643978 rgb(100,57,120)
```
#67337e
```
#67337e rgb(103,51,126)
```
#692c85
```
#692c85 rgb(105,44,133)
```
#6c258c
```
#6c258c rgb(108,37,140)
```
#6e1e93
```
#6e1e93 rgb(110,30,147)
```
#71179a
```
#71179a rgb(113,23,154)
```
#7311a0
```
#7311a0 rgb(115,17,160)
```
#760aa7
```
#760aa7 rgb(118,10,167)
```
#7803ae
```
#7803ae rgb(120,3,174)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#555057 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5776 Protanopia 1% of men
#54576f Deuteranopia 1% of men
#63555b Tritanopia 0.001% of the population

Trichromacy

#545172 Protanomaly 1% of men, 0.01% of women
#58516d Deuteranomaly 6% of men, 0.4% of women
#615060 Tritanomaly 0.01% of the population

#5f476a hex color

#5f476a Color Information

#5f476a Color Conversion

Color Schemes with #5f476a

Alternatives to #5f476a

#5f476a Preview

Shades and Tints of #5f476a

Tones of #5f476a

Color Blindness Simulator