#5f3458 hex color

In a RGB color space, hex #5f3458 is composed of 37.3% red, 20.4% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.3% magenta, 7.4% yellow and 62.7% black. It has a hue angle of 309.8 degrees, a saturation of 29.3% and a lightness of 28.8%. #5f3458 color hex could be obtained by blending #be68b0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 37
- G 20
- B 35
RGB color chart
- C 0
- M 45
- Y 7
- K 63
CMYK color chart

● #5f3458 color description : Very dark desaturated magenta.

The hexadecimal color #5f3458 has RGB values of R:95, G:52, B:88 and CMYK values of C:0, M:0.45, Y:0.07, K:0.63. Its decimal value is 6239320.

Hex triplet	5f3458	`#5f3458`
RGB Decimal	95, 52, 88	`rgb(95,52,88)`
RGB Percent	37.3, 20.4, 34.5	`rgb(37.3%,20.4%,34.5%)`
CMYK	0, 45, 7, 63
HSL	309.8°, 29.3, 28.8	`hsl(309.8,29.3%,28.8%)`
HSV (or HSB)	309.8°, 45.3, 37.3
Web Safe	663366	`#663366`

CIE-LAB	28.364, 25.207, -13.462
XYZ	7.709, 5.594, 9.906
xyY	0.332, 0.241, 5.594
CIE-LCH	28.364, 28.576, 331.895
CIE-LUV	28.364, 20.756, -19.693
Hunter-Lab	23.651, 16.788, -8.276
Binary	01011111, 00110100, 01011000

#5f3458
```
#5f3458 rgb(95,52,88)
```
#345f3b
```
#345f3b rgb(52,95,59)
```

Complementary Color

#51345f
```
#51345f rgb(81,52,95)
```
#5f3458
```
#5f3458 rgb(95,52,88)
```
#5f3443
```
#5f3443 rgb(95,52,67)
```

Analogous Color

#345f51
```
#345f51 rgb(52,95,81)
```
#5f3458
```
#5f3458 rgb(95,52,88)
```
#435f34
```
#435f34 rgb(67,95,52)
```

Split Complementary Color

#34585f
```
#34585f rgb(52,88,95)
```
#5f3458
```
#5f3458 rgb(95,52,88)
```
#585f34
```
#585f34 rgb(88,95,52)
```

Triadic Color

#3b345f
```
#3b345f rgb(59,52,95)
```
#5f3458
```
#5f3458 rgb(95,52,88)
```
#585f34
```
#585f34 rgb(88,95,52)
```
#345f3b
```
#345f3b rgb(52,95,59)
```

Tetradic Color

#2e192a
```
#2e192a rgb(46,25,42)
```
#3e2239
```
#3e2239 rgb(62,34,57)
```
#4f2b49
```
#4f2b49 rgb(79,43,73)
```
#5f3458
```
#5f3458 rgb(95,52,88)
```
#6f3d67
```
#6f3d67 rgb(111,61,103)
```
#804677
```
#804677 rgb(128,70,119)
```
#904f86
```
#904f86 rgb(144,79,134)
```

Monochromatic Color

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

#5b345f
```
#5b345f rgb(91,52,95)
```
#5f345f
```
#5f345f rgb(95,52,95)
```
#5f345c
```
#5f345c rgb(95,52,92)
```
#5f3458
```
#5f3458 rgb(95,52,88)
```
#5f3454
```
#5f3454 rgb(95,52,84)
```
#5f3451
```
#5f3451 rgb(95,52,81)
```
#5f344d
```
#5f344d rgb(95,52,77)
```

Similar Colors

Text with hexadecimal color #5f3458

This text has a font color of #5f3458.

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

#5f3458 background color

This paragraph has a background color of #5f3458.

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

#5f3458 border color

This element has a border color of #5f3458.

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

CSS codes

.text {color:#5f3458;}

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

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

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

#060306
```
#060306 rgb(6,3,6)
```
#130a12
```
#130a12 rgb(19,10,18)
```
#20111d
```
#20111d rgb(32,17,29)
```
#2c1829
```
#2c1829 rgb(44,24,41)
```
#391f35
```
#391f35 rgb(57,31,53)
```
#462641
```
#462641 rgb(70,38,65)
```
#522d4c
```
#522d4c rgb(82,45,76)
```
#5f3458
```
#5f3458 rgb(95,52,88)
```
#6c3b64
```
#6c3b64 rgb(108,59,100)
```
#78426f
```
#78426f rgb(120,66,111)
```
#85497b
```
#85497b rgb(133,73,123)
```
#925087
```
#925087 rgb(146,80,135)
```
#9e5793
```
#9e5793 rgb(158,87,147)
```

Shade Color Variation

#a8609d
```
#a8609d rgb(168,96,157)
```
#af6da4
```
#af6da4 rgb(175,109,164)
```
#b67aac
```
#b67aac rgb(182,122,172)
```
#bd86b4
```
#bd86b4 rgb(189,134,180)
```
#c493bc
```
#c493bc rgb(196,147,188)
```
#cba0c4
```
#cba0c4 rgb(203,160,196)
```
#d2adcc
```
#d2adcc rgb(210,173,204)
```
#d9b9d4
```
#d9b9d4 rgb(217,185,212)
```
#e0c6dc
```
#e0c6dc rgb(224,198,220)
```
#e7d3e3
```
#e7d3e3 rgb(231,211,227)
```
#eedfeb
```
#eedfeb rgb(238,223,235)
```
#f5ecf3
```
#f5ecf3 rgb(245,236,243)
```
#fbf9fb
```
#fbf9fb rgb(251,249,251)
```

Tint Color Variation

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

#4e454d
```
#4e454d rgb(78,69,77)
```
#543f50
```
#543f50 rgb(84,63,80)
```
#593a54
```
#593a54 rgb(89,58,84)
```
#5f3458
```
#5f3458 rgb(95,52,88)
```
#652e5c
```
#652e5c rgb(101,46,92)
```
#6a2960
```
#6a2960 rgb(106,41,96)
```
#702363
```
#702363 rgb(112,35,99)
```
#761d67
```
#761d67 rgb(118,29,103)
```
#7b186b
```
#7b186b rgb(123,24,107)
```
#81126f
```
#81126f rgb(129,18,111)
```
#870c73
```
#870c73 rgb(135,12,115)
```
#8c0777
```
#8c0777 rgb(140,7,119)
```
#92017a
```
#92017a rgb(146,1,122)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#4a4249 Atypical Achromatopsia 0.001% of the population

Dichromacy

#424b69 Protanopia 1% of men
#4b4b5c Deuteranopia 1% of men
#644348 Tritanopia 0.001% of the population

Trichromacy

#4d4363 Protanomaly 1% of men, 0.01% of women
#52425b Deuteranomaly 6% of men, 0.4% of women
#623e4e Tritanomaly 0.01% of the population

#5f3458 hex color

#5f3458 Color Information

#5f3458 Color Conversion

Color Schemes with #5f3458

Alternatives to #5f3458

#5f3458 Preview

Shades and Tints of #5f3458

Tones of #5f3458

Color Blindness Simulator