colorhexa.com

#5f3f82 hex color

In a RGB color space, hex #5f3f82 is composed of 37.3% red, 24.7% green and 51% blue. Whereas in a CMYK color space, it is composed of 26.9% cyan, 51.5% magenta, 0% yellow and 49% black. It has a hue angle of 268.7 degrees, a saturation of 34.7% and a lightness of 37.8%. #5f3f82 color hex could be obtained by blending #be7eff with #000005. Closest websafe color is: #663399.

- R 37
- G 25
- B 51
RGB color chart
- C 27
- M 52
- Y 0
- K 49
CMYK color chart

● #5f3f82 color description : Dark moderate violet.

The hexadecimal color #5f3f82 has RGB values of R:95, G:63, B:130 and CMYK values of C:0.27, M:0.52, Y:0, K:0.49. Its decimal value is 6242178.

Hex triplet	5f3f82	`#5f3f82`
RGB Decimal	95, 63, 130	`rgb(95,63,130)`
RGB Percent	37.3, 24.7, 51	`rgb(37.3%,24.7%,51%)`
CMYK	27, 52, 0, 49
HSL	268.7°, 34.7, 37.8	`hsl(268.7,34.7%,37.8%)`
HSV (or HSB)	268.7°, 51.5, 51
Web Safe	663399	`#663399`

CIE-LAB	33.135, 28.318, -32.698
XYZ	10.525, 7.6, 22.03
xyY	0.262, 0.189, 7.6
CIE-LCH	33.135, 43.256, 310.894
CIE-LUV	33.135, 9.923, -47.17
Hunter-Lab	27.568, 19.909, -28.083
Binary	01011111, 00111111, 10000010

#5f3f82
```
#5f3f82 rgb(95,63,130)
```
#62823f
```
#62823f rgb(98,130,63)
```

Complementary Color

#3f4182
```
#3f4182 rgb(63,65,130)
```
#5f3f82
```
#5f3f82 rgb(95,63,130)
```
#813f82
```
#813f82 rgb(129,63,130)
```

Analogous Color

#41823f
```
#41823f rgb(65,130,63)
```
#5f3f82
```
#5f3f82 rgb(95,63,130)
```
#82813f
```
#82813f rgb(130,129,63)
```

Split Complementary Color

#3f825f
```
#3f825f rgb(63,130,95)
```
#5f3f82
```
#5f3f82 rgb(95,63,130)
```
#825f3f
```
#825f3f rgb(130,95,63)
```

Triadic Color

#39264e
```
#39264e rgb(57,38,78)
```
#462e60
```
#462e60 rgb(70,46,96)
```
#523771
```
#523771 rgb(82,55,113)
```
#5f3f82
```
#5f3f82 rgb(95,63,130)
```
#6c4793
```
#6c4793 rgb(108,71,147)
```
#7850a4
```
#7850a4 rgb(120,80,164)
```
#855db0
```
#855db0 rgb(133,93,176)
```

Monochromatic Color

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

#4e3f82
```
#4e3f82 rgb(78,63,130)
```
#543f82
```
#543f82 rgb(84,63,130)
```
#593f82
```
#593f82 rgb(89,63,130)
```
#5f3f82
```
#5f3f82 rgb(95,63,130)
```
#653f82
```
#653f82 rgb(101,63,130)
```
#6a3f82
```
#6a3f82 rgb(106,63,130)
```
#703f82
```
#703f82 rgb(112,63,130)
```

Similar Colors

Text with hexadecimal color #5f3f82

This text has a font color of #5f3f82.

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

#5f3f82 background color

This paragraph has a background color of #5f3f82.

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

#5f3f82 border color

This element has a border color of #5f3f82.

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

CSS codes

.text {color:#5f3f82;}

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

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

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

#08050b
```
#08050b rgb(8,5,11)
```
#120c18
```
#120c18 rgb(18,12,24)
```
#1b1226
```
#1b1226 rgb(27,18,38)
```
#251933
```
#251933 rgb(37,25,51)
```
#2f1f40
```
#2f1f40 rgb(47,31,64)
```
#38254d
```
#38254d rgb(56,37,77)
```
#422c5a
```
#422c5a rgb(66,44,90)
```
#4c3268
```
#4c3268 rgb(76,50,104)
```
#553975
```
#553975 rgb(85,57,117)
```
#5f3f82
```
#5f3f82 rgb(95,63,130)
```
#69458f
```
#69458f rgb(105,69,143)
```
#724c9c
```
#724c9c rgb(114,76,156)
```
#7c52aa
```
#7c52aa rgb(124,82,170)
```

Shade Color Variation

#865eb1
```
#865eb1 rgb(134,94,177)
```
#906cb8
```
#906cb8 rgb(144,108,184)
```
#9a79be
```
#9a79be rgb(154,121,190)
```
#a486c4
```
#a486c4 rgb(164,134,196)
```
#ae93cb
```
#ae93cb rgb(174,147,203)
```
#b8a0d1
```
#b8a0d1 rgb(184,160,209)
```
#c2aed8
```
#c2aed8 rgb(194,174,216)
```
#ccbbde
```
#ccbbde rgb(204,187,222)
```
#d6c8e4
```
#d6c8e4 rgb(214,200,228)
```
#e0d5eb
```
#e0d5eb rgb(224,213,235)
```
#e9e2f1
```
#e9e2f1 rgb(233,226,241)
```
#f3f0f8
```
#f3f0f8 rgb(243,240,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#605d64
```
#605d64 rgb(96,93,100)
```
#60556c
```
#60556c rgb(96,85,108)
```
#604e73
```
#604e73 rgb(96,78,115)
```
#5f467b
```
#5f467b rgb(95,70,123)
```
#5f3f82
```
#5f3f82 rgb(95,63,130)
```
#5f3889
```
#5f3889 rgb(95,56,137)
```
#5e3091
```
#5e3091 rgb(94,48,145)
```
#5e2998
```
#5e2998 rgb(94,41,152)
```
#5e21a0
```
#5e21a0 rgb(94,33,160)
```
#5d1aa7
```
#5d1aa7 rgb(93,26,167)
```
#5d12af
```
#5d12af rgb(93,18,175)
```
#5d0bb6
```
#5d0bb6 rgb(93,11,182)
```
#5c04bd
```
#5c04bd rgb(92,4,189)
```

Tone Color Variation

Below, you can see how #5f3f82 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
#534d5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#375592 Protanopia 1% of men
#3c5783 Deuteranopia 1% of men
#5d545a Tritanopia 0.001% of the population

Trichromacy

#464d8c Protanomaly 1% of men, 0.01% of women
#494e82 Deuteranomaly 6% of men, 0.4% of women
#5e4c69 Tritanomaly 0.01% of the population