#5f309c hex color

In a RGB color space, hex #5f309c is composed of 37.3% red, 18.8% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 39.1% cyan, 69.2% magenta, 0% yellow and 38.8% black. It has a hue angle of 266.1 degrees, a saturation of 52.9% and a lightness of 40%. #5f309c color hex could be obtained by blending #be60ff with #000039. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 37
- G 19
- B 61
RGB color chart
- C 39
- M 69
- Y 0
- K 39
CMYK color chart

● #5f309c color description : Dark moderate violet.

The hexadecimal color #5f309c has RGB values of R:95, G:48, B:156 and CMYK values of C:0.39, M:0.69, Y:0, K:0.39. Its decimal value is 6238364.

Hex triplet	5f309c	`#5f309c`
RGB Decimal	95, 48, 156	`rgb(95,48,156)`
RGB Percent	37.3, 18.8, 61.2	`rgb(37.3%,18.8%,61.2%)`
CMYK	39, 69, 0, 39
HSL	266.1°, 52.9, 40	`hsl(266.1,52.9%,40%)`
HSV (or HSB)	266.1°, 69.2, 61.2
Web Safe	663399	`#663399`

CIE-LAB	31.686, 43.718, -50.991
XYZ	11.776, 6.947, 32.171
xyY	0.231, 0.137, 6.947
CIE-LCH	31.686, 67.167, 310.609
CIE-LUV	31.686, 9.816, -71.715
Hunter-Lab	26.357, 33.625, -53.918
Binary	01011111, 00110000, 10011100

#5f309c
```
#5f309c rgb(95,48,156)
```
#6d9c30
```
#6d9c30 rgb(109,156,48)
```

Complementary Color

#30379c
```
#30379c rgb(48,55,156)
```
#5f309c
```
#5f309c rgb(95,48,156)
```
#95309c
```
#95309c rgb(149,48,156)
```

Analogous Color

#379c30
```
#379c30 rgb(55,156,48)
```
#5f309c
```
#5f309c rgb(95,48,156)
```
#9c9530
```
#9c9530 rgb(156,149,48)
```

Split Complementary Color

#309c5f
```
#309c5f rgb(48,156,95)
```
#5f309c
```
#5f309c rgb(95,48,156)
```
#9c5f30
```
#9c5f30 rgb(156,95,48)
```

Triadic Color

#306d9c
```
#306d9c rgb(48,109,156)
```
#5f309c
```
#5f309c rgb(95,48,156)
```
#9c5f30
```
#9c5f30 rgb(156,95,48)
```
#6d9c30
```
#6d9c30 rgb(109,156,48)
```

Tetradic Color

#3b1e62
```
#3b1e62 rgb(59,30,98)
```
#472475
```
#472475 rgb(71,36,117)
```
#532a89
```
#532a89 rgb(83,42,137)
```
#5f309c
```
#5f309c rgb(95,48,156)
```
#6b36b0
```
#6b36b0 rgb(107,54,176)
```
#773cc3
```
#773cc3 rgb(119,60,195)
```
#8450c9
```
#8450c9 rgb(132,80,201)
```

Monochromatic Color

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

#44309c
```
#44309c rgb(68,48,156)
```
#4d309c
```
#4d309c rgb(77,48,156)
```
#56309c
```
#56309c rgb(86,48,156)
```
#5f309c
```
#5f309c rgb(95,48,156)
```
#68309c
```
#68309c rgb(104,48,156)
```
#71309c
```
#71309c rgb(113,48,156)
```
#7a309c
```
#7a309c rgb(122,48,156)
```

Similar Colors

Text with hexadecimal color #5f309c

This text has a font color of #5f309c.

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

#5f309c background color

This paragraph has a background color of #5f309c.

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

#5f309c border color

This element has a border color of #5f309c.

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

CSS codes

.text {color:#5f309c;}

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

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

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

#040206
```
#040206 rgb(4,2,6)
```
#0d0615
```
#0d0615 rgb(13,6,21)
```
#160b24
```
#160b24 rgb(22,11,36)
```
#1f1033
```
#1f1033 rgb(31,16,51)
```
#281442
```
#281442 rgb(40,20,66)
```
#311951
```
#311951 rgb(49,25,81)
```
#3a1e60
```
#3a1e60 rgb(58,30,96)
```
#44226f
```
#44226f rgb(68,34,111)
```
#4d277e
```
#4d277e rgb(77,39,126)
```
#562b8d
```
#562b8d rgb(86,43,141)
```
#5f309c
```
#5f309c rgb(95,48,156)
```
#6835ab
```
#6835ab rgb(104,53,171)
```
#7139ba
```
#7139ba rgb(113,57,186)
```

Shade Color Variation

#7b42c5
```
#7b42c5 rgb(123,66,197)
```
#8551c9
```
#8551c9 rgb(133,81,201)
```
#9060ce
```
#9060ce rgb(144,96,206)
```
#9a6fd3
```
#9a6fd3 rgb(154,111,211)
```
#a57ed7
```
#a57ed7 rgb(165,126,215)
```
#af8ddc
```
#af8ddc rgb(175,141,220)
```
#ba9ce1
```
#ba9ce1 rgb(186,156,225)
```
#c4abe5
```
#c4abe5 rgb(196,171,229)
```
#cfbaea
```
#cfbaea rgb(207,186,234)
```
#d9c9ee
```
#d9c9ee rgb(217,201,238)
```
#e4d8f3
```
#e4d8f3 rgb(228,216,243)
```
#eee7f8
```
#eee7f8 rgb(238,231,248)
```
#f9f6fc
```
#f9f6fc rgb(249,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #655f6d is the less saturated color, while #5901cb is the most saturated one.

#655f6d
```
#655f6d rgb(101,95,109)
```
#645775
```
#645775 rgb(100,87,117)
```
#634f7d
```
#634f7d rgb(99,79,125)
```
#624884
```
#624884 rgb(98,72,132)
```
#61408c
```
#61408c rgb(97,64,140)
```
#603894
```
#603894 rgb(96,56,148)
```
#5f309c
```
#5f309c rgb(95,48,156)
```
#5e28a4
```
#5e28a4 rgb(94,40,164)
```
#5d20ac
```
#5d20ac rgb(93,32,172)
```
#5c18b4
```
#5c18b4 rgb(92,24,180)
```
#5b11bb
```
#5b11bb rgb(91,17,187)
```
#5a09c3
```
#5a09c3 rgb(90,9,195)
```
#5901cb
```
#5901cb rgb(89,1,203)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#4e455a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519f Protanopia 1% of men
#00558c Deuteranopia 1% of men
#545359 Tritanopia 0.001% of the population

Trichromacy

#22459d Protanomaly 1% of men, 0.01% of women
#224792 Deuteranomaly 6% of men, 0.4% of women
#584671 Tritanomaly 0.01% of the population

#5f309c hex color

#5f309c Color Information

#5f309c Color Conversion

Color Schemes with #5f309c

Alternatives to #5f309c

#5f309c Preview

Shades and Tints of #5f309c

Tones of #5f309c

Color Blindness Simulator