colorhexa.com

#5f2c80 hex color

In a RGB color space, hex #5f2c80 is composed of 37.3% red, 17.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 25.8% cyan, 65.6% magenta, 0% yellow and 49.8% black. It has a hue angle of 276.4 degrees, a saturation of 48.8% and a lightness of 33.7%. #5f2c80 color hex could be obtained by blending #be58ff with #000001. Closest websafe color is: #663399.

- R 37
- G 17
- B 50
RGB color chart
- C 26
- M 66
- Y 0
- K 50
CMYK color chart

● #5f2c80 color description : Dark moderate violet.

The hexadecimal color #5f2c80 has RGB values of R:95, G:44, B:128 and CMYK values of C:0.26, M:0.66, Y:0, K:0.5. Its decimal value is 6237312.

Hex triplet	5f2c80	`#5f2c80`
RGB Decimal	95, 44, 128	`rgb(95,44,128)`
RGB Percent	37.3, 17.3, 50.2	`rgb(37.3%,17.3%,50.2%)`
CMYK	26, 66, 0, 50
HSL	276.4°, 48.8, 33.7	`hsl(276.4,48.8%,33.7%)`
HSV (or HSB)	276.4°, 65.6, 50.2
Web Safe	663399	`#663399`

CIE-LAB	28.884, 38.703, -38.236
XYZ	9.516, 5.793, 21.038
xyY	0.262, 0.159, 5.793
CIE-LCH	28.884, 54.406, 315.348
CIE-LUV	28.884, 15.306, -53.135
Hunter-Lab	24.069, 28.451, -34.976
Binary	01011111, 00101100, 10000000

#5f2c80
```
#5f2c80 rgb(95,44,128)
```
#4d802c
```
#4d802c rgb(77,128,44)
```

Complementary Color

#352c80
```
#352c80 rgb(53,44,128)
```
#5f2c80
```
#5f2c80 rgb(95,44,128)
```
#802c77
```
#802c77 rgb(128,44,119)
```

Analogous Color

#2c8035
```
#2c8035 rgb(44,128,53)
```
#5f2c80
```
#5f2c80 rgb(95,44,128)
```
#77802c
```
#77802c rgb(119,128,44)
```

Split Complementary Color

#2c805f
```
#2c805f rgb(44,128,95)
```
#5f2c80
```
#5f2c80 rgb(95,44,128)
```
#805f2c
```
#805f2c rgb(128,95,44)
```

Triadic Color

#351847
```
#351847 rgb(53,24,71)
```
#431f5a
```
#431f5a rgb(67,31,90)
```
#51256d
```
#51256d rgb(81,37,109)
```
#5f2c80
```
#5f2c80 rgb(95,44,128)
```
#6d3393
```
#6d3393 rgb(109,51,147)
```
#7b39a6
```
#7b39a6 rgb(123,57,166)
```
#8940b9
```
#8940b9 rgb(137,64,185)
```

Monochromatic Color

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

#4a2c80
```
#4a2c80 rgb(74,44,128)
```
#512c80
```
#512c80 rgb(81,44,128)
```
#582c80
```
#582c80 rgb(88,44,128)
```
#5f2c80
```
#5f2c80 rgb(95,44,128)
```
#662c80
```
#662c80 rgb(102,44,128)
```
#6d2c80
```
#6d2c80 rgb(109,44,128)
```
#742c80
```
#742c80 rgb(116,44,128)
```

Similar Colors

Text with hexadecimal color #5f2c80

This text has a font color of #5f2c80.

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

#5f2c80 background color

This paragraph has a background color of #5f2c80.

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

#5f2c80 border color

This element has a border color of #5f2c80.

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

CSS codes

.text {color:#5f2c80;}

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

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

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

#08040b
```
#08040b rgb(8,4,11)
```
#13091a
```
#13091a rgb(19,9,26)
```
#1e0e28
```
#1e0e28 rgb(30,14,40)
```
#291337
```
#291337 rgb(41,19,55)
```
#341846
```
#341846 rgb(52,24,70)
```
#3e1d54
```
#3e1d54 rgb(62,29,84)
```
#492263
```
#492263 rgb(73,34,99)
```
#542771
```
#542771 rgb(84,39,113)
```
#5f2c80
```
#5f2c80 rgb(95,44,128)
```
#6a318f
```
#6a318f rgb(106,49,143)
```
#75369d
```
#75369d rgb(117,54,157)
```
#803bac
```
#803bac rgb(128,59,172)
```
#8a40ba
```
#8a40ba rgb(138,64,186)
```

Shade Color Variation

#944cc2
```
#944cc2 rgb(148,76,194)
```
#9c5bc7
```
#9c5bc7 rgb(156,91,199)
```
#a56acc
```
#a56acc rgb(165,106,204)
```
#ae78d1
```
#ae78d1 rgb(174,120,209)
```
#b787d6
```
#b787d6 rgb(183,135,214)
```
#bf95db
```
#bf95db rgb(191,149,219)
```
#c8a4e0
```
#c8a4e0 rgb(200,164,224)
```
#d1b3e5
```
#d1b3e5 rgb(209,179,229)
```
#dac1ea
```
#dac1ea rgb(218,193,234)
```
#e3d0ef
```
#e3d0ef rgb(227,208,239)
```
#ebdef4
```
#ebdef4 rgb(235,222,244)
```
#f4edf9
```
#f4edf9 rgb(244,237,249)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#565458
```
#565458 rgb(86,84,88)
```
#584d5f
```
#584d5f rgb(88,77,95)
```
#594666
```
#594666 rgb(89,70,102)
```
#5b406c
```
#5b406c rgb(91,64,108)
```
#5c3973
```
#5c3973 rgb(92,57,115)
```
#5e3379
```
#5e3379 rgb(94,51,121)
```
#5f2c80
```
#5f2c80 rgb(95,44,128)
```
#602587
```
#602587 rgb(96,37,135)
```
#621f8d
```
#621f8d rgb(98,31,141)
```
#631894
```
#631894 rgb(99,24,148)
```
#65129a
```
#65129a rgb(101,18,154)
```
#660ba1
```
#660ba1 rgb(102,11,161)
```
#6804a8
```
#6804a8 rgb(104,4,168)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#4a4051 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b93 Protanopia 1% of men
#244e7e Deuteranopia 1% of men
#5c484d Tritanopia 0.001% of the population

Trichromacy

#223f8c Protanomaly 1% of men, 0.01% of women
#39427f Deuteranomaly 6% of men, 0.4% of women
#5d3e60 Tritanomaly 0.01% of the population