#580f96 hex color

In a RGB color space, hex #580f96 is composed of 34.5% red, 5.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 41.3% cyan, 90% magenta, 0% yellow and 41.2% black. It has a hue angle of 272.4 degrees, a saturation of 81.8% and a lightness of 32.4%. #580f96 color hex could be obtained by blending #b01eff with #00002d. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 35
- G 6
- B 59
RGB color chart
- C 41
- M 90
- Y 0
- K 41
CMYK color chart

● #580f96 color description : Dark violet.

The hexadecimal color #580f96 has RGB values of R:88, G:15, B:150 and CMYK values of C:0.41, M:0.9, Y:0, K:0.41. Its decimal value is 5771158.

Hex triplet	580f96	`#580f96`
RGB Decimal	88, 15, 150	`rgb(88,15,150)`
RGB Percent	34.5, 5.9, 58.8	`rgb(34.5%,5.9%,58.8%)`
CMYK	41, 90, 0, 41
HSL	272.4°, 81.8, 32.4	`hsl(272.4,81.8%,32.4%)`
HSV (or HSB)	272.4°, 90, 58.8
Web Safe	660099	`#660099`

CIE-LAB	25.619, 54.262, -57.266
XYZ	9.699, 4.618, 29.233
xyY	0.223, 0.106, 4.618
CIE-LCH	25.619, 78.891, 313.457
CIE-LUV	25.619, 11.635, -72.921
Hunter-Lab	21.491, 42.955, -65.607
Binary	01011000, 00001111, 10010110

#580f96
```
#580f96 rgb(88,15,150)
```
#4d960f
```
#4d960f rgb(77,150,15)
```

Complementary Color

#150f96
```
#150f96 rgb(21,15,150)
```
#580f96
```
#580f96 rgb(88,15,150)
```
#960f91
```
#960f91 rgb(150,15,145)
```

Analogous Color

#0f9615
```
#0f9615 rgb(15,150,21)
```
#580f96
```
#580f96 rgb(88,15,150)
```
#91960f
```
#91960f rgb(145,150,15)
```

Split Complementary Color

#0f9658
```
#0f9658 rgb(15,150,88)
```
#580f96
```
#580f96 rgb(88,15,150)
```
#96580f
```
#96580f rgb(150,88,15)
```

Triadic Color

#0f4d96
```
#0f4d96 rgb(15,77,150)
```
#580f96
```
#580f96 rgb(88,15,150)
```
#96580f
```
#96580f rgb(150,88,15)
```
#4d960f
```
#4d960f rgb(77,150,15)
```

Tetradic Color

#2f0850
```
#2f0850 rgb(47,8,80)
```
#3d0a68
```
#3d0a68 rgb(61,10,104)
```
#4a0d7f
```
#4a0d7f rgb(74,13,127)
```
#580f96
```
#580f96 rgb(88,15,150)
```
#6611ad
```
#6611ad rgb(102,17,173)
```
#7314c4
```
#7314c4 rgb(115,20,196)
```
#8116dc
```
#8116dc rgb(129,22,220)
```

Monochromatic Color

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

#360f96
```
#360f96 rgb(54,15,150)
```
#420f96
```
#420f96 rgb(66,15,150)
```
#4d0f96
```
#4d0f96 rgb(77,15,150)
```
#580f96
```
#580f96 rgb(88,15,150)
```
#630f96
```
#630f96 rgb(99,15,150)
```
#6f0f96
```
#6f0f96 rgb(111,15,150)
```
#7a0f96
```
#7a0f96 rgb(122,15,150)
```

Similar Colors

Text with hexadecimal color #580f96

This text has a font color of #580f96.

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

#580f96 background color

This paragraph has a background color of #580f96.

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

#580f96 border color

This element has a border color of #580f96.

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

CSS codes

.text {color:#580f96;}

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

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

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

#040107
```
#040107 rgb(4,1,7)
```
#0f0319
```
#0f0319 rgb(15,3,25)
```
#19042b
```
#19042b rgb(25,4,43)
```
#24063d
```
#24063d rgb(36,6,61)
```
#2e084f
```
#2e084f rgb(46,8,79)
```
#390a61
```
#390a61 rgb(57,10,97)
```
#430b72
```
#430b72 rgb(67,11,114)
```
#4e0d84
```
#4e0d84 rgb(78,13,132)
```
#580f96
```
#580f96 rgb(88,15,150)
```
#6211a8
```
#6211a8 rgb(98,17,168)
```
#6d13ba
```
#6d13ba rgb(109,19,186)
```
#7714cb
```
#7714cb rgb(119,20,203)
```
#8216dd
```
#8216dd rgb(130,22,221)
```

Shade Color Variation

#8c1fe9
```
#8c1fe9 rgb(140,31,233)
```
#9530ea
```
#9530ea rgb(149,48,234)
```
#9e42ec
```
#9e42ec rgb(158,66,236)
```
#a754ee
```
#a754ee rgb(167,84,238)
```
#b066f0
```
#b066f0 rgb(176,102,240)
```
#ba78f1
```
#ba78f1 rgb(186,120,241)
```
#c38af3
```
#c38af3 rgb(195,138,243)
```
#cc9bf5
```
#cc9bf5 rgb(204,155,245)
```
#d5adf7
```
#d5adf7 rgb(213,173,247)
```
#debff9
```
#debff9 rgb(222,191,249)
```
#e7d1fa
```
#e7d1fa rgb(231,209,250)
```
#f0e3fc
```
#f0e3fc rgb(240,227,252)
```
#faf5fe
```
#faf5fe rgb(250,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #534e57 is the less saturated color, while #5902a3 is the most saturated one.

#534e57
```
#534e57 rgb(83,78,87)
```
#53485d
```
#53485d rgb(83,72,93)
```
#544263
```
#544263 rgb(84,66,99)
```
#543b6a
```
#543b6a rgb(84,59,106)
```
#553570
```
#553570 rgb(85,53,112)
```
#552f76
```
#552f76 rgb(85,47,118)
```
#56287d
```
#56287d rgb(86,40,125)
```
#562283
```
#562283 rgb(86,34,131)
```
#571c89
```
#571c89 rgb(87,28,137)
```
#571590
```
#571590 rgb(87,21,144)
```
#580f96
```
#580f96 rgb(88,15,150)
```
#59099c
```
#59099c rgb(89,9,156)
```
#5902a3
```
#5902a3 rgb(89,2,163)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#3b2d48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004485 Protanopia 1% of men
#004875 Deuteranopia 1% of men
#4a454a Tritanopia 0.001% of the population

Trichromacy

#20318b Protanomaly 1% of men, 0.01% of women
#203381 Deuteranomaly 6% of men, 0.4% of women
#4f3165 Tritanomaly 0.01% of the population

#580f96 hex color

#580f96 Color Information

#580f96 Color Conversion

Color Schemes with #580f96

Alternatives to #580f96

#580f96 Preview

Shades and Tints of #580f96

Tones of #580f96

Color Blindness Simulator