#580f9a hex color

In a RGB color space, hex #580f9a is composed of 34.5% red, 5.9% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 42.9% cyan, 90.3% magenta, 0% yellow and 39.6% black. It has a hue angle of 271.5 degrees, a saturation of 82.2% and a lightness of 33.1%. #580f9a color hex could be obtained by blending #b01eff with #000035. Closest websafe color is: #660099.

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

● #580f9a color description : Dark violet.

The hexadecimal color #580f9a has RGB values of R:88, G:15, B:154 and CMYK values of C:0.43, M:0.9, Y:0, K:0.4. Its decimal value is 5771162.

Hex triplet	580f9a	`#580f9a`
RGB Decimal	88, 15, 154	`rgb(88,15,154)`
RGB Percent	34.5, 5.9, 60.4	`rgb(34.5%,5.9%,60.4%)`
CMYK	43, 90, 0, 40
HSL	271.5°, 82.2, 33.1	`hsl(271.5,82.2%,33.1%)`
HSV (or HSB)	271.5°, 90.3, 60.4
Web Safe	660099	`#660099`

CIE-LAB	26.009, 55.183, -59.084
XYZ	10.027, 4.75, 30.959
xyY	0.219, 0.104, 4.75
CIE-LCH	26.009, 80.846, 313.045
CIE-LUV	26.009, 10.981, -75.358
Hunter-Lab	21.793, 43.989, -68.969
Binary	01011000, 00001111, 10011010

#580f9a
```
#580f9a rgb(88,15,154)
```
#519a0f
```
#519a0f rgb(81,154,15)
```

Complementary Color

#120f9a
```
#120f9a rgb(18,15,154)
```
#580f9a
```
#580f9a rgb(88,15,154)
```
#9a0f97
```
#9a0f97 rgb(154,15,151)
```

Analogous Color

#0f9a13
```
#0f9a13 rgb(15,154,19)
```
#580f9a
```
#580f9a rgb(88,15,154)
```
#979a0f
```
#979a0f rgb(151,154,15)
```

Split Complementary Color

#0f9a58
```
#0f9a58 rgb(15,154,88)
```
#580f9a
```
#580f9a rgb(88,15,154)
```
#9a580f
```
#9a580f rgb(154,88,15)
```

Triadic Color

#0f519a
```
#0f519a rgb(15,81,154)
```
#580f9a
```
#580f9a rgb(88,15,154)
```
#9a580f
```
#9a580f rgb(154,88,15)
```
#519a0f
```
#519a0f rgb(81,154,15)
```

Tetradic Color

#300854
```
#300854 rgb(48,8,84)
```
#3d0a6c
```
#3d0a6c rgb(61,10,108)
```
#4b0d83
```
#4b0d83 rgb(75,13,131)
```
#580f9a
```
#580f9a rgb(88,15,154)
```
#6511b1
```
#6511b1 rgb(101,17,177)
```
#7314c8
```
#7314c8 rgb(115,20,200)
```
#8016e0
```
#8016e0 rgb(128,22,224)
```

Monochromatic Color

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

#350f9a
```
#350f9a rgb(53,15,154)
```
#410f9a
```
#410f9a rgb(65,15,154)
```
#4c0f9a
```
#4c0f9a rgb(76,15,154)
```
#580f9a
```
#580f9a rgb(88,15,154)
```
#640f9a
```
#640f9a rgb(100,15,154)
```
#6f0f9a
```
#6f0f9a rgb(111,15,154)
```
#7b0f9a
```
#7b0f9a rgb(123,15,154)
```

Similar Colors

Text with hexadecimal color #580f9a

This text has a font color of #580f9a.

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

#580f9a background color

This paragraph has a background color of #580f9a.

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

#580f9a border color

This element has a border color of #580f9a.

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

CSS codes

.text {color:#580f9a;}

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

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

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

#06010b
```
#06010b rgb(6,1,11)
```
#11031d
```
#11031d rgb(17,3,29)
```
#1b052f
```
#1b052f rgb(27,5,47)
```
#250641
```
#250641 rgb(37,6,65)
```
#2f0853
```
#2f0853 rgb(47,8,83)
```
#390a64
```
#390a64 rgb(57,10,100)
```
#440c76
```
#440c76 rgb(68,12,118)
```
#4e0d88
```
#4e0d88 rgb(78,13,136)
```
#580f9a
```
#580f9a rgb(88,15,154)
```
#6211ac
```
#6211ac rgb(98,17,172)
```
#6c12be
```
#6c12be rgb(108,18,190)
```
#7714d0
```
#7714d0 rgb(119,20,208)
```
#8116e1
```
#8116e1 rgb(129,22,225)
```

Shade Color Variation

#8b22e9
```
#8b22e9 rgb(139,34,233)
```
#9434eb
```
#9434eb rgb(148,52,235)
```
#9d45ed
```
#9d45ed rgb(157,69,237)
```
#a757ef
```
#a757ef rgb(167,87,239)
```
#b069f0
```
#b069f0 rgb(176,105,240)
```
#ba7bf2
```
#ba7bf2 rgb(186,123,242)
```
#c38df4
```
#c38df4 rgb(195,141,244)
```
#cc9ff6
```
#cc9ff6 rgb(204,159,246)
```
#d6b1f7
```
#d6b1f7 rgb(214,177,247)
```
#dfc3f9
```
#dfc3f9 rgb(223,195,249)
```
#e9d4fb
```
#e9d4fb rgb(233,212,251)
```
#f2e6fd
```
#f2e6fd rgb(242,230,253)
```
#fbf8fe
```
#fbf8fe rgb(251,248,254)
```

Tint Color Variation

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

#555059
```
#555059 rgb(85,80,89)
```
#554a60
```
#554a60 rgb(85,74,96)
```
#554366
```
#554366 rgb(85,67,102)
```
#563d6d
```
#563d6d rgb(86,61,109)
```
#563673
```
#563673 rgb(86,54,115)
```
#56307a
```
#56307a rgb(86,48,122)
```
#572980
```
#572980 rgb(87,41,128)
```
#572387
```
#572387 rgb(87,35,135)
```
#571c8d
```
#571c8d rgb(87,28,141)
```
#581694
```
#581694 rgb(88,22,148)
```
#580f9a
```
#580f9a rgb(88,15,154)
```
#5809a1
```
#5809a1 rgb(88,9,161)
```
#5902a7
```
#5902a7 rgb(89,2,167)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#3c2d49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004587 Protanopia 1% of men
#004976 Deuteranopia 1% of men
#49464b Tritanopia 0.001% of the population

Trichromacy

#20318e Protanomaly 1% of men, 0.01% of women
#203483 Deuteranomaly 6% of men, 0.4% of women
#4e3268 Tritanomaly 0.01% of the population

#580f9a hex color

#580f9a Color Information

#580f9a Color Conversion

Color Schemes with #580f9a

Alternatives to #580f9a

#580f9a Preview

Shades and Tints of #580f9a

Tones of #580f9a

Color Blindness Simulator