#5f3f93 hex color

In a RGB color space, hex #5f3f93 is composed of 37.3% red, 24.7% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 35.4% cyan, 57.1% magenta, 0% yellow and 42.4% black. It has a hue angle of 262.9 degrees, a saturation of 40% and a lightness of 41.2%. #5f3f93 color hex could be obtained by blending #be7eff with #000027. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 37
- G 25
- B 58
RGB color chart
- C 35
- M 57
- Y 0
- K 42
CMYK color chart

● #5f3f93 color description : Dark moderate violet.

The hexadecimal color #5f3f93 has RGB values of R:95, G:63, B:147 and CMYK values of C:0.35, M:0.57, Y:0, K:0.42. Its decimal value is 6242195.

Hex triplet	5f3f93	`#5f3f93`
RGB Decimal	95, 63, 147	`rgb(95,63,147)`
RGB Percent	37.3, 24.7, 57.6	`rgb(37.3%,24.7%,57.6%)`
CMYK	35, 57, 0, 42
HSL	262.9°, 40, 41.2	`hsl(262.9,40%,41.2%)`
HSV (or HSB)	262.9°, 57.1, 57.6
Web Safe	663399	`#663399`

CIE-LAB	34.179, 32.878, -41.487
XYZ	11.762, 8.095, 28.545
xyY	0.243, 0.167, 8.095
CIE-LCH	34.179, 52.935, 308.396
CIE-LUV	34.179, 7.634, -60.163
Hunter-Lab	28.451, 24.008, -39.57
Binary	01011111, 00111111, 10010011

#5f3f93
```
#5f3f93 rgb(95,63,147)
```
#73933f
```
#73933f rgb(115,147,63)
```

Complementary Color

#3f4993
```
#3f4993 rgb(63,73,147)
```
#5f3f93
```
#5f3f93 rgb(95,63,147)
```
#893f93
```
#893f93 rgb(137,63,147)
```

Analogous Color

#49933f
```
#49933f rgb(73,147,63)
```
#5f3f93
```
#5f3f93 rgb(95,63,147)
```
#93893f
```
#93893f rgb(147,137,63)
```

Split Complementary Color

#3f935f
```
#3f935f rgb(63,147,95)
```
#5f3f93
```
#5f3f93 rgb(95,63,147)
```
#935f3f
```
#935f3f rgb(147,95,63)
```

Triadic Color

#3f7393
```
#3f7393 rgb(63,115,147)
```
#5f3f93
```
#5f3f93 rgb(95,63,147)
```
#935f3f
```
#935f3f rgb(147,95,63)
```
#73933f
```
#73933f rgb(115,147,63)
```

Tetradic Color

#3c285d
```
#3c285d rgb(60,40,93)
```
#48306f
```
#48306f rgb(72,48,111)
```
#533781
```
#533781 rgb(83,55,129)
```
#5f3f93
```
#5f3f93 rgb(95,63,147)
```
#6b47a5
```
#6b47a5 rgb(107,71,165)
```
#7751b4
```
#7751b4 rgb(119,81,180)
```
#8563bc
```
#8563bc rgb(133,99,188)
```

Monochromatic Color

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

#4a3f93
```
#4a3f93 rgb(74,63,147)
```
#513f93
```
#513f93 rgb(81,63,147)
```
#583f93
```
#583f93 rgb(88,63,147)
```
#5f3f93
```
#5f3f93 rgb(95,63,147)
```
#663f93
```
#663f93 rgb(102,63,147)
```
#6d3f93
```
#6d3f93 rgb(109,63,147)
```
#743f93
```
#743f93 rgb(116,63,147)
```

Similar Colors

Text with hexadecimal color #5f3f93

This text has a font color of #5f3f93.

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

#5f3f93 background color

This paragraph has a background color of #5f3f93.

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

#5f3f93 border color

This element has a border color of #5f3f93.

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

CSS codes

.text {color:#5f3f93;}

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

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

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

#06040a
```
#06040a rgb(6,4,10)
```
#0f0a17
```
#0f0a17 rgb(15,10,23)
```
#181025
```
#181025 rgb(24,16,37)
```
#211633
```
#211633 rgb(33,22,51)
```
#2a1c41
```
#2a1c41 rgb(42,28,65)
```
#33224e
```
#33224e rgb(51,34,78)
```
#3c275c
```
#3c275c rgb(60,39,92)
```
#442d6a
```
#442d6a rgb(68,45,106)
```
#4d3378
```
#4d3378 rgb(77,51,120)
```
#563985
```
#563985 rgb(86,57,133)
```
#5f3f93
```
#5f3f93 rgb(95,63,147)
```
#6845a1
```
#6845a1 rgb(104,69,161)
```
#714bae
```
#714bae rgb(113,75,174)
```

Shade Color Variation

#7b56b7
```
#7b56b7 rgb(123,86,183)
```
#8664bd
```
#8664bd rgb(134,100,189)
```
#9072c2
```
#9072c2 rgb(144,114,194)
```
#9b7fc8
```
#9b7fc8 rgb(155,127,200)
```
#a68dce
```
#a68dce rgb(166,141,206)
```
#b19bd4
```
#b19bd4 rgb(177,155,212)
```
#bba9da
```
#bba9da rgb(187,169,218)
```
#c6b6e0
```
#c6b6e0 rgb(198,182,224)
```
#d1c4e6
```
#d1c4e6 rgb(209,196,230)
```
#dcd2ec
```
#dcd2ec rgb(220,210,236)
```
#e6e0f2
```
#e6e0f2 rgb(230,224,242)
```
#f1edf7
```
#f1edf7 rgb(241,237,247)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #69676b is the less saturated color, while #5206cc is the most saturated one.

#69676b
```
#69676b rgb(105,103,107)
```
#675f73
```
#675f73 rgb(103,95,115)
```
#65577b
```
#65577b rgb(101,87,123)
```
#634f83
```
#634f83 rgb(99,79,131)
```
#61478b
```
#61478b rgb(97,71,139)
```
#5f3f93
```
#5f3f93 rgb(95,63,147)
```
#5d379b
```
#5d379b rgb(93,55,155)
```
#5b2fa3
```
#5b2fa3 rgb(91,47,163)
```
#5927ab
```
#5927ab rgb(89,39,171)
```
#571fb3
```
#571fb3 rgb(87,31,179)
```
#5517bb
```
#5517bb rgb(85,23,187)
```
#530fc3
```
#530fc3 rgb(83,15,195)
```
#5206cc
```
#5206cc rgb(82,6,204)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#554e5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2256a4 Protanopia 1% of men
#285a92 Deuteranopia 1% of men
#58585f Tritanopia 0.001% of the population

Trichromacy

#384e9e Protanomaly 1% of men, 0.01% of women
#3c5092 Deuteranomaly 6% of men, 0.4% of women
#5b4f72 Tritanomaly 0.01% of the population

#5f3f93 hex color

#5f3f93 Color Information

#5f3f93 Color Conversion

Color Schemes with #5f3f93

Alternatives to #5f3f93

#5f3f93 Preview

Shades and Tints of #5f3f93

Tones of #5f3f93

Color Blindness Simulator