#580f78 hex color

In a RGB color space, hex #580f78 is composed of 34.5% red, 5.9% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 87.5% magenta, 0% yellow and 52.9% black. It has a hue angle of 281.7 degrees, a saturation of 77.8% and a lightness of 26.5%. #580f78 color hex could be obtained by blending #b01ef0 with #000000. Closest websafe color is: #660066.

♥
- f
- t
- g
- R 35
- G 6
- B 47
RGB color chart
- C 27
- M 88
- Y 0
- K 53
CMYK color chart

● #580f78 color description : Dark violet.

The hexadecimal color #580f78 has RGB values of R:88, G:15, B:120 and CMYK values of C:0.27, M:0.88, Y:0, K:0.53. Its decimal value is 5771128.

Hex triplet	580f78	`#580f78`
RGB Decimal	88, 15, 120	`rgb(88,15,120)`
RGB Percent	34.5, 5.9, 47.1	`rgb(34.5%,5.9%,47.1%)`
CMYK	27, 88, 0, 53
HSL	281.7°, 77.8, 26.5	`hsl(281.7,77.8%,26.5%)`
HSV (or HSB)	281.7°, 87.5, 47.1
Web Safe	660066	`#660066`

CIE-LAB	22.905, 47.572, -42.885
XYZ	7.585, 3.773, 18.097
xyY	0.258, 0.128, 3.773
CIE-LCH	22.905, 64.048, 317.966
CIE-LUV	22.905, 17.351, -54.111
Hunter-Lab	19.423, 35.715, -41.645
Binary	01011000, 00001111, 01111000

#580f78
```
#580f78 rgb(88,15,120)
```
#2f780f
```
#2f780f rgb(47,120,15)
```

Complementary Color

#230f78
```
#230f78 rgb(35,15,120)
```
#580f78
```
#580f78 rgb(88,15,120)
```
#780f64
```
#780f64 rgb(120,15,100)
```

Analogous Color

#0f7823
```
#0f7823 rgb(15,120,35)
```
#580f78
```
#580f78 rgb(88,15,120)
```
#64780f
```
#64780f rgb(100,120,15)
```

Split Complementary Color

#0f7858
```
#0f7858 rgb(15,120,88)
```
#580f78
```
#580f78 rgb(88,15,120)
```
#78580f
```
#78580f rgb(120,88,15)
```

Triadic Color

#0f2f78
```
#0f2f78 rgb(15,47,120)
```
#580f78
```
#580f78 rgb(88,15,120)
```
#78580f
```
#78580f rgb(120,88,15)
```
#2f780f
```
#2f780f rgb(47,120,15)
```

Tetradic Color

#260734
```
#260734 rgb(38,7,52)
```
#37094b
```
#37094b rgb(55,9,75)
```
#470c61
```
#470c61 rgb(71,12,97)
```
#580f78
```
#580f78 rgb(88,15,120)
```
#69128f
```
#69128f rgb(105,18,143)
```
#7915a5
```
#7915a5 rgb(121,21,165)
```
#8a18bc
```
#8a18bc rgb(138,24,188)
```

Monochromatic Color

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

#3e0f78
```
#3e0f78 rgb(62,15,120)
```
#460f78
```
#460f78 rgb(70,15,120)
```
#4f0f78
```
#4f0f78 rgb(79,15,120)
```
#580f78
```
#580f78 rgb(88,15,120)
```
#610f78
```
#610f78 rgb(97,15,120)
```
#6a0f78
```
#6a0f78 rgb(106,15,120)
```
#720f78
```
#720f78 rgb(114,15,120)
```

Similar Colors

Text with hexadecimal color #580f78

This text has a font color of #580f78.

<span style="color:#580f78;">Text here</span>

#580f78 background color

This paragraph has a background color of #580f78.

<p style="background-color:#580f78;">Content here</p>

#580f78 border color

This element has a border color of #580f78.

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

CSS codes

.text {color:#580f78;}

.background {background-color:#580f78;}

.border {border:1px solid #580f78;}

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, #0b020f is the darkest color, while #fefdff is the lightest one.

#0b020f
```
#0b020f rgb(11,2,15)
```
#180421
```
#180421 rgb(24,4,33)
```
#250632
```
#250632 rgb(37,6,50)
```
#320844
```
#320844 rgb(50,8,68)
```
#3e0b55
```
#3e0b55 rgb(62,11,85)
```
#4b0d67
```
#4b0d67 rgb(75,13,103)
```
#580f78
```
#580f78 rgb(88,15,120)
```
#651189
```
#651189 rgb(101,17,137)
```
#72139b
```
#72139b rgb(114,19,155)
```
#7e16ac
```
#7e16ac rgb(126,22,172)
```
#8b18be
```
#8b18be rgb(139,24,190)
```
#981acf
```
#981acf rgb(152,26,207)
```
#a51ce1
```
#a51ce1 rgb(165,28,225)
```

Shade Color Variation

#ac2ce5
```
#ac2ce5 rgb(172,44,229)
```
#b33de7
```
#b33de7 rgb(179,61,231)
```
#ba4fe9
```
#ba4fe9 rgb(186,79,233)
```
#c160eb
```
#c160eb rgb(193,96,235)
```
#c871ed
```
#c871ed rgb(200,113,237)
```
#ce83ef
```
#ce83ef rgb(206,131,239)
```
#d594f2
```
#d594f2 rgb(213,148,242)
```
#dca6f4
```
#dca6f4 rgb(220,166,244)
```
#e3b7f6
```
#e3b7f6 rgb(227,183,246)
```
#eac9f8
```
#eac9f8 rgb(234,201,248)
```
#f1dafa
```
#f1dafa rgb(241,218,250)
```
#f7ecfd
```
#f7ecfd rgb(247,236,253)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#444344
```
#444344 rgb(68,67,68)
```
#463e49
```
#463e49 rgb(70,62,73)
```
#48394e
```
#48394e rgb(72,57,78)
```
#4a3354
```
#4a3354 rgb(74,51,84)
```
#4c2e59
```
#4c2e59 rgb(76,46,89)
```
#4e295e
```
#4e295e rgb(78,41,94)
```
#502463
```
#502463 rgb(80,36,99)
```
#521f68
```
#521f68 rgb(82,31,104)
```
#54196e
```
#54196e rgb(84,25,110)
```
#561473
```
#561473 rgb(86,20,115)
```
#580f78
```
#580f78 rgb(88,15,120)
```
#5a0a7d
```
#5a0a7d rgb(90,10,125)
```
#5c0582
```
#5c0582 rgb(92,5,130)
```

Tone Color Variation

Below, you can see how #580f78 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

#313131 Achromatopsia 0.005% of the population
#392a3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7b Protanopia 1% of men
#00426d Deuteranopia 1% of men
#54393d Tritanopia 0.001% of the population

Trichromacy

#202d79 Protanomaly 1% of men, 0.01% of women
#202f71 Deuteranomaly 6% of men, 0.4% of women
#552a52 Tritanomaly 0.01% of the population

#580f78 hex color

#580f78 Color Information

#580f78 Color Conversion

Color Schemes with #580f78

Alternatives to #580f78

#580f78 Preview

Shades and Tints of #580f78

Tones of #580f78

Color Blindness Simulator