#5f3a99 hex color

In a RGB color space, hex #5f3a99 is composed of 37.3% red, 22.7% green and 60% blue. Whereas in a CMYK color space, it is composed of 37.9% cyan, 62.1% magenta, 0% yellow and 40% black. It has a hue angle of 263.4 degrees, a saturation of 45% and a lightness of 41.4%. #5f3a99 color hex could be obtained by blending #be74ff with #000033. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 37
- G 23
- B 60
RGB color chart
- C 38
- M 62
- Y 0
- K 40
CMYK color chart

● #5f3a99 color description : Dark moderate violet.

The hexadecimal color #5f3a99 has RGB values of R:95, G:58, B:153 and CMYK values of C:0.38, M:0.62, Y:0, K:0.4. Its decimal value is 6240921.

Hex triplet	5f3a99	`#5f3a99`
RGB Decimal	95, 58, 153	`rgb(95,58,153)`
RGB Percent	37.3, 22.7, 60	`rgb(37.3%,22.7%,60%)`
CMYK	38, 62, 0, 40
HSL	263.4°, 45, 41.4	`hsl(263.4,45%,41.4%)`
HSV (or HSB)	263.4°, 62.1, 60
Web Safe	663399	`#663399`

CIE-LAB	33.476, 37.444, -46.272
XYZ	11.981, 7.759, 31.002
xyY	0.236, 0.153, 7.759
CIE-LCH	33.476, 59.524, 308.981
CIE-LUV	33.476, 8.117, -66.535
Hunter-Lab	27.855, 28.032, -46.49
Binary	01011111, 00111010, 10011001

#5f3a99
```
#5f3a99 rgb(95,58,153)
```
#74993a
```
#74993a rgb(116,153,58)
```

Complementary Color

#3a4599
```
#3a4599 rgb(58,69,153)
```
#5f3a99
```
#5f3a99 rgb(95,58,153)
```
#8f3a99
```
#8f3a99 rgb(143,58,153)
```

Analogous Color

#45993a
```
#45993a rgb(69,153,58)
```
#5f3a99
```
#5f3a99 rgb(95,58,153)
```
#998f3a
```
#998f3a rgb(153,143,58)
```

Split Complementary Color

#3a995f
```
#3a995f rgb(58,153,95)
```
#5f3a99
```
#5f3a99 rgb(95,58,153)
```
#995f3a
```
#995f3a rgb(153,95,58)
```

Triadic Color

#3a7499
```
#3a7499 rgb(58,116,153)
```
#5f3a99
```
#5f3a99 rgb(95,58,153)
```
#995f3a
```
#995f3a rgb(153,95,58)
```
#74993a
```
#74993a rgb(116,153,58)
```

Tetradic Color

#3d2562
```
#3d2562 rgb(61,37,98)
```
#482c74
```
#482c74 rgb(72,44,116)
```
#543387
```
#543387 rgb(84,51,135)
```
#5f3a99
```
#5f3a99 rgb(95,58,153)
```
#6a41ab
```
#6a41ab rgb(106,65,171)
```
#774bbb
```
#774bbb rgb(119,75,187)
```
#855ec2
```
#855ec2 rgb(133,94,194)
```

Monochromatic Color

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

#473a99
```
#473a99 rgb(71,58,153)
```
#4f3a99
```
#4f3a99 rgb(79,58,153)
```
#573a99
```
#573a99 rgb(87,58,153)
```
#5f3a99
```
#5f3a99 rgb(95,58,153)
```
#673a99
```
#673a99 rgb(103,58,153)
```
#6f3a99
```
#6f3a99 rgb(111,58,153)
```
#773a99
```
#773a99 rgb(119,58,153)
```

Similar Colors

Text with hexadecimal color #5f3a99

This text has a font color of #5f3a99.

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

#5f3a99 background color

This paragraph has a background color of #5f3a99.

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

#5f3a99 border color

This element has a border color of #5f3a99.

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

CSS codes

.text {color:#5f3a99;}

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

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

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

#07040b
```
#07040b rgb(7,4,11)
```
#100919
```
#100919 rgb(16,9,25)
```
#180f27
```
#180f27 rgb(24,15,39)
```
#211435
```
#211435 rgb(33,20,53)
```
#2a1a44
```
#2a1a44 rgb(42,26,68)
```
#331f52
```
#331f52 rgb(51,31,82)
```
#3c2460
```
#3c2460 rgb(60,36,96)
```
#452a6e
```
#452a6e rgb(69,42,110)
```
#4d2f7d
```
#4d2f7d rgb(77,47,125)
```
#56358b
```
#56358b rgb(86,53,139)
```
#5f3a99
```
#5f3a99 rgb(95,58,153)
```
#683fa7
```
#683fa7 rgb(104,63,167)
```
#7145b5
```
#7145b5 rgb(113,69,181)
```

Shade Color Variation

#7b51bd
```
#7b51bd rgb(123,81,189)
```
#865fc2
```
#865fc2 rgb(134,95,194)
```
#916dc8
```
#916dc8 rgb(145,109,200)
```
#9b7ccd
```
#9b7ccd rgb(155,124,205)
```
#a68ad3
```
#a68ad3 rgb(166,138,211)
```
#b198d8
```
#b198d8 rgb(177,152,216)
```
#bca6dd
```
#bca6dd rgb(188,166,221)
```
#c6b4e3
```
#c6b4e3 rgb(198,180,227)
```
#d1c3e8
```
#d1c3e8 rgb(209,195,232)
```
#dcd1ee
```
#dcd1ee rgb(220,209,238)
```
#e7dff3
```
#e7dff3 rgb(231,223,243)
```
#f2edf8
```
#f2edf8 rgb(242,237,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#686370
```
#686370 rgb(104,99,112)
```
#665a79
```
#665a79 rgb(102,90,121)
```
#645281
```
#645281 rgb(100,82,129)
```
#634a89
```
#634a89 rgb(99,74,137)
```
#614291
```
#614291 rgb(97,66,145)
```
#5f3a99
```
#5f3a99 rgb(95,58,153)
```
#5d32a1
```
#5d32a1 rgb(93,50,161)
```
#5b2aa9
```
#5b2aa9 rgb(91,42,169)
```
#5a22b1
```
#5a22b1 rgb(90,34,177)
```
#581ab9
```
#581ab9 rgb(88,26,185)
```
#5611c2
```
#5611c2 rgb(86,17,194)
```
#5409ca
```
#5409ca rgb(84,9,202)
```
#5201d2
```
#5201d2 rgb(82,1,210)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#534c5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a7 Protanopia 1% of men
#005994 Deuteranopia 1% of men
#56575d Tritanopia 0.001% of the population

Trichromacy

#224ba1 Protanomaly 1% of men, 0.01% of women
#224d96 Deuteranomaly 6% of men, 0.4% of women
#594c73 Tritanomaly 0.01% of the population

#5f3a99 hex color

#5f3a99 Color Information

#5f3a99 Color Conversion

Color Schemes with #5f3a99

Alternatives to #5f3a99

#5f3a99 Preview

Shades and Tints of #5f3a99

Tones of #5f3a99

Color Blindness Simulator