colorhexa.com

#5f3787 hex color

In a RGB color space, hex #5f3787 is composed of 37.3% red, 21.6% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 29.6% cyan, 59.3% magenta, 0% yellow and 47.1% black. It has a hue angle of 270 degrees, a saturation of 42.1% and a lightness of 37.3%. #5f3787 color hex could be obtained by blending #be6eff with #00000f. Closest websafe color is: #663399.

- R 37
- G 22
- B 53
RGB color chart
- C 30
- M 59
- Y 0
- K 47
CMYK color chart

● #5f3787 color description : Dark moderate violet.

The hexadecimal color #5f3787 has RGB values of R:95, G:55, B:135 and CMYK values of C:0.3, M:0.59, Y:0, K:0.47. Its decimal value is 6240135.

Hex triplet	5f3787	`#5f3787`
RGB Decimal	95, 55, 135	`rgb(95,55,135)`
RGB Percent	37.3, 21.6, 52.9	`rgb(37.3%,21.6%,52.9%)`
CMYK	30, 59, 0, 47
HSL	270°, 42.1, 37.3	`hsl(270,42.1%,37.3%)`
HSV (or HSB)	270°, 59.3, 52.9
Web Safe	663399	`#663399`

CIE-LAB	31.612, 34.369, -38.225
XYZ	10.458, 6.915, 23.704
xyY	0.255, 0.168, 6.915
CIE-LCH	31.612, 51.404, 311.96
CIE-LUV	31.612, 11.476, -54.441
Hunter-Lab	26.296, 24.973, -35.039
Binary	01011111, 00110111, 10000111

#5f3787
```
#5f3787 rgb(95,55,135)
```
#5f8737
```
#5f8737 rgb(95,135,55)
```

Complementary Color

#373787
```
#373787 rgb(55,55,135)
```
#5f3787
```
#5f3787 rgb(95,55,135)
```
#873787
```
#873787 rgb(135,55,135)
```

Analogous Color

#378737
```
#378737 rgb(55,135,55)
```
#5f3787
```
#5f3787 rgb(95,55,135)
```
#878737
```
#878737 rgb(135,135,55)
```

Split Complementary Color

#37875f
```
#37875f rgb(55,135,95)
```
#5f3787
```
#5f3787 rgb(95,55,135)
```
#875f37
```
#875f37 rgb(135,95,55)
```

Triadic Color

#392151
```
#392151 rgb(57,33,81)
```
#462863
```
#462863 rgb(70,40,99)
```
#523075
```
#523075 rgb(82,48,117)
```
#5f3787
```
#5f3787 rgb(95,55,135)
```
#6c3e99
```
#6c3e99 rgb(108,62,153)
```
#7946ab
```
#7946ab rgb(121,70,171)
```
#8552b9
```
#8552b9 rgb(133,82,185)
```

Monochromatic Color

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

#4b3787
```
#4b3787 rgb(75,55,135)
```
#523787
```
#523787 rgb(82,55,135)
```
#583787
```
#583787 rgb(88,55,135)
```
#5f3787
```
#5f3787 rgb(95,55,135)
```
#663787
```
#663787 rgb(102,55,135)
```
#6c3787
```
#6c3787 rgb(108,55,135)
```
#733787
```
#733787 rgb(115,55,135)
```

Similar Colors

Text with hexadecimal color #5f3787

This text has a font color of #5f3787.

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

#5f3787 background color

This paragraph has a background color of #5f3787.

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

#5f3787 border color

This element has a border color of #5f3787.

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

CSS codes

.text {color:#5f3787;}

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

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

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, #07040a is the darkest color, while #fcfbfd is the lightest one.

#07040a
```
#07040a rgb(7,4,10)
```
#110a18
```
#110a18 rgb(17,10,24)
```
#1a0f25
```
#1a0f25 rgb(26,15,37)
```
#241533
```
#241533 rgb(36,21,51)
```
#2e1b41
```
#2e1b41 rgb(46,27,65)
```
#38204f
```
#38204f rgb(56,32,79)
```
#42265d
```
#42265d rgb(66,38,93)
```
#4b2c6b
```
#4b2c6b rgb(75,44,107)
```
#553179
```
#553179 rgb(85,49,121)
```
#5f3787
```
#5f3787 rgb(95,55,135)
```
#693d95
```
#693d95 rgb(105,61,149)
```
#7342a3
```
#7342a3 rgb(115,66,163)
```
#7c48b1
```
#7c48b1 rgb(124,72,177)
```

Shade Color Variation

#8653b9
```
#8653b9 rgb(134,83,185)
```
#9061bf
```
#9061bf rgb(144,97,191)
```
#9a6fc4
```
#9a6fc4 rgb(154,111,196)
```
#a47dca
```
#a47dca rgb(164,125,202)
```
#ad8bd0
```
#ad8bd0 rgb(173,139,208)
```
#b799d5
```
#b799d5 rgb(183,153,213)
```
#c1a7db
```
#c1a7db rgb(193,167,219)
```
#cbb5e1
```
#cbb5e1 rgb(203,181,225)
```
#d5c3e7
```
#d5c3e7 rgb(213,195,231)
```
#dfd1ec
```
#dfd1ec rgb(223,209,236)
```
#e8dff2
```
#e8dff2 rgb(232,223,242)
```
#f2edf8
```
#f2edf8 rgb(242,237,248)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

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

#5f5c62
```
#5f5c62 rgb(95,92,98)
```
#5f546a
```
#5f546a rgb(95,84,106)
```
#5f4d71
```
#5f4d71 rgb(95,77,113)
```
#5f4678
```
#5f4678 rgb(95,70,120)
```
#5f3e80
```
#5f3e80 rgb(95,62,128)
```
#5f3787
```
#5f3787 rgb(95,55,135)
```
#5f308e
```
#5f308e rgb(95,48,142)
```
#5f2896
```
#5f2896 rgb(95,40,150)
```
#5f219d
```
#5f219d rgb(95,33,157)
```
#5f1aa4
```
#5f1aa4 rgb(95,26,164)
```
#5f12ac
```
#5f12ac rgb(95,18,172)
```
#5f0bb3
```
#5f0bb3 rgb(95,11,179)
```
#5f04ba
```
#5f04ba rgb(95,4,186)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#504858 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1e519b Protanopia 1% of men
#2b5486 Deuteranopia 1% of men
#5b5156 Tritanopia 0.001% of the population

Trichromacy

#354793 Protanomaly 1% of men, 0.01% of women
#3e4986 Deuteranomaly 6% of men, 0.4% of women
#5c4768 Tritanomaly 0.01% of the population