colorhexa.com

#5f3357 hex color

In a RGB color space, hex #5f3357 is composed of 37.3% red, 20% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.3% magenta, 8.4% yellow and 62.7% black. It has a hue angle of 310.9 degrees, a saturation of 30.1% and a lightness of 28.6%. #5f3357 color hex could be obtained by blending #be66ae with #000000. Closest websafe color is: #663366.

- R 37
- G 20
- B 34
RGB color chart
- C 0
- M 46
- Y 8
- K 63
CMYK color chart

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

The hexadecimal color #5f3357 has RGB values of R:95, G:51, B:87 and CMYK values of C:0, M:0.46, Y:0.08, K:0.63. Its decimal value is 6239063.

Hex triplet	5f3357	`#5f3357`
RGB Decimal	95, 51, 87	`rgb(95,51,87)`
RGB Percent	37.3, 20, 34.1	`rgb(37.3%,20%,34.1%)`
CMYK	0, 46, 8, 63
HSL	310.9°, 30.1, 28.6	`hsl(310.9,30.1%,28.6%)`
HSV (or HSB)	310.9°, 46.3, 37.3
Web Safe	663366	`#663366`

CIE-LAB	28.085, 25.607, -13.236
XYZ	7.623, 5.489, 9.674
xyY	0.335, 0.241, 5.489
CIE-LCH	28.085, 28.825, 332.665
CIE-LUV	28.085, 21.339, -19.4
Hunter-Lab	23.429, 17.081, -8.082
Binary	01011111, 00110011, 01010111

#5f3357
```
#5f3357 rgb(95,51,87)
```
#335f3b
```
#335f3b rgb(51,95,59)
```

Complementary Color

#51335f
```
#51335f rgb(81,51,95)
```
#5f3357
```
#5f3357 rgb(95,51,87)
```
#5f3341
```
#5f3341 rgb(95,51,65)
```

Analogous Color

#335f51
```
#335f51 rgb(51,95,81)
```
#5f3357
```
#5f3357 rgb(95,51,87)
```
#415f33
```
#415f33 rgb(65,95,51)
```

Split Complementary Color

#2d1829
```
#2d1829 rgb(45,24,41)
```
#3e2139
```
#3e2139 rgb(62,33,57)
```
#4e2a48
```
#4e2a48 rgb(78,42,72)
```
#5f3357
```
#5f3357 rgb(95,51,87)
```
#703c66
```
#703c66 rgb(112,60,102)
```
#804575
```
#804575 rgb(128,69,117)
```
#914e85
```
#914e85 rgb(145,78,133)
```

Monochromatic Color

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

#5c335f
```
#5c335f rgb(92,51,95)
```
#5f335e
```
#5f335e rgb(95,51,94)
```
#5f335b
```
#5f335b rgb(95,51,91)
```
#5f3357
```
#5f3357 rgb(95,51,87)
```
#5f3353
```
#5f3353 rgb(95,51,83)
```
#5f3350
```
#5f3350 rgb(95,51,80)
```
#5f334c
```
#5f334c rgb(95,51,76)
```

Similar Colors

Text with hexadecimal color #5f3357

This text has a font color of #5f3357.

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

#5f3357 background color

This paragraph has a background color of #5f3357.

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

#5f3357 border color

This element has a border color of #5f3357.

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

CSS codes

.text {color:#5f3357;}

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

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

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

#060305
```
#060305 rgb(6,3,5)
```
#120a11
```
#120a11 rgb(18,10,17)
```
#1f111d
```
#1f111d rgb(31,17,29)
```
#2c1828
```
#2c1828 rgb(44,24,40)
```
#391e34
```
#391e34 rgb(57,30,52)
```
#452540
```
#452540 rgb(69,37,64)
```
#522c4b
```
#522c4b rgb(82,44,75)
```
#5f3357
```
#5f3357 rgb(95,51,87)
```
#6c3a63
```
#6c3a63 rgb(108,58,99)
```
#79416e
```
#79416e rgb(121,65,110)
```
#85487a
```
#85487a rgb(133,72,122)
```
#924e86
```
#924e86 rgb(146,78,134)
```
#9f5591
```
#9f5591 rgb(159,85,145)
```

Shade Color Variation

#a95f9b
```
#a95f9b rgb(169,95,155)
```
#b06ba3
```
#b06ba3 rgb(176,107,163)
```
#b778ab
```
#b778ab rgb(183,120,171)
```
#be85b3
```
#be85b3 rgb(190,133,179)
```
#c492bb
```
#c492bb rgb(196,146,187)
```
#cb9fc3
```
#cb9fc3 rgb(203,159,195)
```
#d2abcb
```
#d2abcb rgb(210,171,203)
```
#d9b8d3
```
#d9b8d3 rgb(217,184,211)
```
#e0c5db
```
#e0c5db rgb(224,197,219)
```
#e7d2e3
```
#e7d2e3 rgb(231,210,227)
```
#eddeeb
```
#eddeeb rgb(237,222,235)
```
#f4ebf3
```
#f4ebf3 rgb(244,235,243)
```
#fbf8fb
```
#fbf8fb rgb(251,248,251)
```

Tint Color Variation

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

#4e444c
```
#4e444c rgb(78,68,76)
```
#543e50
```
#543e50 rgb(84,62,80)
```
#593953
```
#593953 rgb(89,57,83)
```
#5f3357
```
#5f3357 rgb(95,51,87)
```
#652d5b
```
#652d5b rgb(101,45,91)
```
#6a285e
```
#6a285e rgb(106,40,94)
```
#702262
```
#702262 rgb(112,34,98)
```
#751d65
```
#751d65 rgb(117,29,101)
```
#7b1769
```
#7b1769 rgb(123,23,105)
```
#81116c
```
#81116c rgb(129,17,108)
```
#860c70
```
#860c70 rgb(134,12,112)
```
#8c0674
```
#8c0674 rgb(140,6,116)
```
#920077
```
#920077 rgb(146,0,119)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#494148 Atypical Achromatopsia 0.001% of the population

Dichromacy

#424b68 Protanopia 1% of men
#4a4a5b Deuteranopia 1% of men
#644347 Tritanopia 0.001% of the population

Trichromacy

#4c4262 Protanomaly 1% of men, 0.01% of women
#52425a Deuteranomaly 6% of men, 0.4% of women
#623d4d Tritanomaly 0.01% of the population