#5f4472 hex color

In a RGB color space, hex #5f4472 is composed of 37.3% red, 26.7% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 40.4% magenta, 0% yellow and 55.3% black. It has a hue angle of 275.2 degrees, a saturation of 25.3% and a lightness of 35.7%. #5f4472 color hex could be obtained by blending #be88e4 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 37
- G 27
- B 45
RGB color chart
- C 17
- M 40
- Y 0
- K 55
CMYK color chart

● #5f4472 color description : Very dark desaturated violet.

The hexadecimal color #5f4472 has RGB values of R:95, G:68, B:114 and CMYK values of C:0.17, M:0.4, Y:0, K:0.55. Its decimal value is 6243442.

Hex triplet	5f4472	`#5f4472`
RGB Decimal	95, 68, 114	`rgb(95,68,114)`
RGB Percent	37.3, 26.7, 44.7	`rgb(37.3%,26.7%,44.7%)`
CMYK	17, 40, 0, 55
HSL	275.2°, 25.3, 35.7	`hsl(275.2,25.3%,35.7%)`
HSV (or HSB)	275.2°, 40.4, 44.7
Web Safe	663366	`#663366`

CIE-LAB	33.525, 21.173, -22.102
XYZ	9.823, 7.782, 16.903
xyY	0.285, 0.226, 7.782
CIE-LCH	33.525, 30.607, 313.771
CIE-LUV	33.525, 10.382, -31.914
Hunter-Lab	27.897, 14.036, -16.398
Binary	01011111, 01000100, 01110010

#5f4472
```
#5f4472 rgb(95,68,114)
```
#577244
```
#577244 rgb(87,114,68)
```

Complementary Color

#484472
```
#484472 rgb(72,68,114)
```
#5f4472
```
#5f4472 rgb(95,68,114)
```
#72446e
```
#72446e rgb(114,68,110)
```

Analogous Color

#447248
```
#447248 rgb(68,114,72)
```
#5f4472
```
#5f4472 rgb(95,68,114)
```
#6e7244
```
#6e7244 rgb(110,114,68)
```

Split Complementary Color

#44725f
```
#44725f rgb(68,114,95)
```
#5f4472
```
#5f4472 rgb(95,68,114)
```
#725f44
```
#725f44 rgb(114,95,68)
```

Triadic Color

#445772
```
#445772 rgb(68,87,114)
```
#5f4472
```
#5f4472 rgb(95,68,114)
```
#725f44
```
#725f44 rgb(114,95,68)
```
#577244
```
#577244 rgb(87,114,68)
```

Tetradic Color

#372742
```
#372742 rgb(55,39,66)
```
#443152
```
#443152 rgb(68,49,82)
```
#523a62
```
#523a62 rgb(82,58,98)
```
#5f4472
```
#5f4472 rgb(95,68,114)
```
#6c4e82
```
#6c4e82 rgb(108,78,130)
```
#7a5792
```
#7a5792 rgb(122,87,146)
```
#8761a1
```
#8761a1 rgb(135,97,161)
```

Monochromatic Color

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

#544472
```
#544472 rgb(84,68,114)
```
#574472
```
#574472 rgb(87,68,114)
```
#5b4472
```
#5b4472 rgb(91,68,114)
```
#5f4472
```
#5f4472 rgb(95,68,114)
```
#634472
```
#634472 rgb(99,68,114)
```
#674472
```
#674472 rgb(103,68,114)
```
#6b4472
```
#6b4472 rgb(107,68,114)
```

Similar Colors

Text with hexadecimal color #5f4472

This text has a font color of #5f4472.

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

#5f4472 background color

This paragraph has a background color of #5f4472.

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

#5f4472 border color

This element has a border color of #5f4472.

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

CSS codes

.text {color:#5f4472;}

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

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

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

#030203
```
#030203 rgb(3,2,3)
```
#0d0910
```
#0d0910 rgb(13,9,16)
```
#17111c
```
#17111c rgb(23,17,28)
```
#221828
```
#221828 rgb(34,24,40)
```
#2c1f35
```
#2c1f35 rgb(44,31,53)
```
#362741
```
#362741 rgb(54,39,65)
```
#402e4d
```
#402e4d rgb(64,46,77)
```
#4b3559
```
#4b3559 rgb(75,53,89)
```
#553d66
```
#553d66 rgb(85,61,102)
```
#5f4472
```
#5f4472 rgb(95,68,114)
```
#694b7e
```
#694b7e rgb(105,75,126)
```
#73538b
```
#73538b rgb(115,83,139)
```
#7e5a97
```
#7e5a97 rgb(126,90,151)
```

Shade Color Variation

#8863a2
```
#8863a2 rgb(136,99,162)
```
#916fa9
```
#916fa9 rgb(145,111,169)
```
#9a7bb0
```
#9a7bb0 rgb(154,123,176)
```
#a488b8
```
#a488b8 rgb(164,136,184)
```
#ad94bf
```
#ad94bf rgb(173,148,191)
```
#b7a0c6
```
#b7a0c6 rgb(183,160,198)
```
#c0acce
```
#c0acce rgb(192,172,206)
```
#c9b9d5
```
#c9b9d5 rgb(201,185,213)
```
#d3c5dc
```
#d3c5dc rgb(211,197,220)
```
#dcd1e4
```
#dcd1e4 rgb(220,209,228)
```
#e5deeb
```
#e5deeb rgb(229,222,235)
```
#efeaf2
```
#efeaf2 rgb(239,234,242)
```
#f8f6fa
```
#f8f6fa rgb(248,246,250)
```

Tint Color Variation

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

#5b595d
```
#5b595d rgb(91,89,93)
```
#5d5264
```
#5d5264 rgb(93,82,100)
```
#5e4b6b
```
#5e4b6b rgb(94,75,107)
```
#5f4472
```
#5f4472 rgb(95,68,114)
```
#603d79
```
#603d79 rgb(96,61,121)
```
#613680
```
#613680 rgb(97,54,128)
```
#632f87
```
#632f87 rgb(99,47,135)
```
#64288e
```
#64288e rgb(100,40,142)
```
#652195
```
#652195 rgb(101,33,149)
```
#661a9c
```
#661a9c rgb(102,26,156)
```
#6813a3
```
#6813a3 rgb(104,19,163)
```
#690caa
```
#690caa rgb(105,12,170)
```
#6a05b1
```
#6a05b1 rgb(106,5,177)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#544e58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#48567f Protanopia 1% of men
#4d5776 Deuteranopia 1% of men
#61545a Tritanopia 0.001% of the population

Trichromacy

#504f7a Protanomaly 1% of men, 0.01% of women
#535074 Deuteranomaly 6% of men, 0.4% of women
#604e63 Tritanomaly 0.01% of the population

#5f4472 hex color

#5f4472 Color Information

#5f4472 Color Conversion

Color Schemes with #5f4472

Alternatives to #5f4472

#5f4472 Preview

Shades and Tints of #5f4472

Tones of #5f4472

Color Blindness Simulator