colorhexa.com

#5f2cd4 hex color

In a RGB color space, hex #5f2cd4 is composed of 37.3% red, 17.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 79.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 258.2 degrees, a saturation of 66.1% and a lightness of 50.2%. #5f2cd4 color hex could be obtained by blending #be58ff with #0000a9. Closest websafe color is: #6633cc.

- R 37
- G 17
- B 83
RGB color chart
- C 55
- M 79
- Y 0
- K 17
CMYK color chart

● #5f2cd4 color description : Strong violet.

The hexadecimal color #5f2cd4 has RGB values of R:95, G:44, B:212 and CMYK values of C:0.55, M:0.79, Y:0, K:0.17. Its decimal value is 6237396.

Hex triplet	5f2cd4	`#5f2cd4`
RGB Decimal	95, 44, 212	`rgb(95,44,212)`
RGB Percent	37.3, 17.3, 83.1	`rgb(37.3%,17.3%,83.1%)`
CMYK	55, 79, 0, 17
HSL	258.2°, 66.1, 50.2	`hsl(258.2,66.1%,50.2%)`
HSV (or HSB)	258.2°, 79.2, 83.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.96, 60.492, -77.156
XYZ	17.502, 8.987, 63.096
xyY	0.195, 0.1, 8.987
CIE-LCH	35.96, 98.042, 308.097
CIE-LUV	35.96, 3.317, -108.245
Hunter-Lab	29.979, 51.744, -103.802
Binary	01011111, 00101100, 11010100

#5f2cd4
```
#5f2cd4 rgb(95,44,212)
```
#a1d42c
```
#a1d42c rgb(161,212,44)
```

Complementary Color

#2c4dd4
```
#2c4dd4 rgb(44,77,212)
```
#5f2cd4
```
#5f2cd4 rgb(95,44,212)
```
#b32cd4
```
#b32cd4 rgb(179,44,212)
```

Analogous Color

#4dd42c
```
#4dd42c rgb(77,212,44)
```
#5f2cd4
```
#5f2cd4 rgb(95,44,212)
```
#d4b32c
```
#d4b32c rgb(212,179,44)
```

Split Complementary Color

#2cd45f
```
#2cd45f rgb(44,212,95)
```
#5f2cd4
```
#5f2cd4 rgb(95,44,212)
```
#d45f2c
```
#d45f2c rgb(212,95,44)
```

Triadic Color

#2ca1d4
```
#2ca1d4 rgb(44,161,212)
```
#5f2cd4
```
#5f2cd4 rgb(95,44,212)
```
#d45f2c
```
#d45f2c rgb(212,95,44)
```
#a1d42c
```
#a1d42c rgb(161,212,44)
```

Tetradic Color

#421e95
```
#421e95 rgb(66,30,149)
```
#4c23aa
```
#4c23aa rgb(76,35,170)
```
#5527bf
```
#5527bf rgb(85,39,191)
```
#5f2cd4
```
#5f2cd4 rgb(95,44,212)
```
#6f41d8
```
#6f41d8 rgb(111,65,216)
```
#7f56dd
```
#7f56dd rgb(127,86,221)
```
#8f6ce1
```
#8f6ce1 rgb(143,108,225)
```

Monochromatic Color

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

#352cd4
```
#352cd4 rgb(53,44,212)
```
#432cd4
```
#432cd4 rgb(67,44,212)
```
#512cd4
```
#512cd4 rgb(81,44,212)
```
#5f2cd4
```
#5f2cd4 rgb(95,44,212)
```
#6d2cd4
```
#6d2cd4 rgb(109,44,212)
```
#7b2cd4
```
#7b2cd4 rgb(123,44,212)
```
#892cd4
```
#892cd4 rgb(137,44,212)
```

Similar Colors

Text with hexadecimal color #5f2cd4

This text has a font color of #5f2cd4.

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

#5f2cd4 background color

This paragraph has a background color of #5f2cd4.

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

#5f2cd4 border color

This element has a border color of #5f2cd4.

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

CSS codes

.text {color:#5f2cd4;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#080311
```
#080311 rgb(8,3,17)
```
#0f0721
```
#0f0721 rgb(15,7,33)
```
#160a32
```
#160a32 rgb(22,10,50)
```
#1d0d42
```
#1d0d42 rgb(29,13,66)
```
#251152
```
#251152 rgb(37,17,82)
```
#2c1463
```
#2c1463 rgb(44,20,99)
```
#331773
```
#331773 rgb(51,23,115)
```
#3a1b83
```
#3a1b83 rgb(58,27,131)
```
#421e93
```
#421e93 rgb(66,30,147)
```
#4921a4
```
#4921a4 rgb(73,33,164)
```
#5025b4
```
#5025b4 rgb(80,37,180)
```
#5728c4
```
#5728c4 rgb(87,40,196)
```

Shade Color Variation

#5f2cd4
```
#5f2cd4 rgb(95,44,212)
```
#6b3cd7
```
#6b3cd7 rgb(107,60,215)
```
#784ddb
```
#784ddb rgb(120,77,219)
```
#845dde
```
#845dde rgb(132,93,222)
```
#906de1
```
#906de1 rgb(144,109,225)
```
#9d7de5
```
#9d7de5 rgb(157,125,229)
```
#a98ee8
```
#a98ee8 rgb(169,142,232)
```
#b59eeb
```
#b59eeb rgb(181,158,235)
```
#c2aeef
```
#c2aeef rgb(194,174,239)
```
#cebff2
```
#cebff2 rgb(206,191,242)
```
#dbcff5
```
#dbcff5 rgb(219,207,245)
```
#e7dff9
```
#e7dff9 rgb(231,223,249)
```
#f3f0fc
```
#f3f0fc rgb(243,240,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7a86 is the less saturated color, while #5005fb is the most saturated one.

#7e7a86
```
#7e7a86 rgb(126,122,134)
```
#7a7090
```
#7a7090 rgb(122,112,144)
```
#766799
```
#766799 rgb(118,103,153)
```
#725da3
```
#725da3 rgb(114,93,163)
```
#6e53ad
```
#6e53ad rgb(110,83,173)
```
#6b49b7
```
#6b49b7 rgb(107,73,183)
```
#6740c0
```
#6740c0 rgb(103,64,192)
```
#6336ca
```
#6336ca rgb(99,54,202)
```
#5f2cd4
```
#5f2cd4 rgb(95,44,212)
```
#5b22de
```
#5b22de rgb(91,34,222)
```
#5718e8
```
#5718e8 rgb(87,24,232)
```
#530ff1
```
#530ff1 rgb(83,15,241)
```
#5005fb
```
#5005fb rgb(80,5,251)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#514769 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#005f99 Deuteranopia 1% of men
#32646b Tritanopia 0.001% of the population

Trichromacy

#2249bd Protanomaly 1% of men, 0.01% of women
#224dae Deuteranomaly 6% of men, 0.4% of women
#424f91 Tritanomaly 0.01% of the population