#580f74 hex color

In a RGB color space, hex #580f74 is composed of 34.5% red, 5.9% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 87.1% magenta, 0% yellow and 54.5% black. It has a hue angle of 283.4 degrees, a saturation of 77.1% and a lightness of 25.7%. #580f74 color hex could be obtained by blending #b01ee8 with #000000. Closest websafe color is: #660066.

♥
- f
- t
- g
- R 35
- G 6
- B 45
RGB color chart
- C 24
- M 87
- Y 0
- K 55
CMYK color chart

● #580f74 color description : Dark violet.

The hexadecimal color #580f74 has RGB values of R:88, G:15, B:116 and CMYK values of C:0.24, M:0.87, Y:0, K:0.55. Its decimal value is 5771124.

Hex triplet	580f74	`#580f74`
RGB Decimal	88, 15, 116	`rgb(88,15,116)`
RGB Percent	34.5, 5.9, 45.5	`rgb(34.5%,5.9%,45.5%)`
CMYK	24, 87, 0, 55
HSL	283.4°, 77.1, 25.7	`hsl(283.4,77.1%,25.7%)`
HSV (or HSB)	283.4°, 87.1, 45.5
Web Safe	660066	`#660066`

CIE-LAB	22.576, 46.72, -40.856
XYZ	7.347, 3.678, 16.845
xyY	0.264, 0.132, 3.678
CIE-LCH	22.576, 62.064, 318.83
CIE-LUV	22.576, 18.236, -51.521
Hunter-Lab	19.177, 34.829, -38.656
Binary	01011000, 00001111, 01110100

#580f74
```
#580f74 rgb(88,15,116)
```
#2b740f
```
#2b740f rgb(43,116,15)
```

Complementary Color

#260f74
```
#260f74 rgb(38,15,116)
```
#580f74
```
#580f74 rgb(88,15,116)
```
#740f5e
```
#740f5e rgb(116,15,94)
```

Analogous Color

#0f7426
```
#0f7426 rgb(15,116,38)
```
#580f74
```
#580f74 rgb(88,15,116)
```
#5e740f
```
#5e740f rgb(94,116,15)
```

Split Complementary Color

#0f7458
```
#0f7458 rgb(15,116,88)
```
#580f74
```
#580f74 rgb(88,15,116)
```
#74580f
```
#74580f rgb(116,88,15)
```

Triadic Color

#0f2b74
```
#0f2b74 rgb(15,43,116)
```
#580f74
```
#580f74 rgb(88,15,116)
```
#74580f
```
#74580f rgb(116,88,15)
```
#2b740f
```
#2b740f rgb(43,116,15)
```

Tetradic Color

#250630
```
#250630 rgb(37,6,48)
```
#360947
```
#360947 rgb(54,9,71)
```
#470c5d
```
#470c5d rgb(71,12,93)
```
#580f74
```
#580f74 rgb(88,15,116)
```
#69128b
```
#69128b rgb(105,18,139)
```
#7a15a1
```
#7a15a1 rgb(122,21,161)
```
#8b18b8
```
#8b18b8 rgb(139,24,184)
```

Monochromatic Color

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

#3f0f74
```
#3f0f74 rgb(63,15,116)
```
#470f74
```
#470f74 rgb(71,15,116)
```
#500f74
```
#500f74 rgb(80,15,116)
```
#580f74
```
#580f74 rgb(88,15,116)
```
#600f74
```
#600f74 rgb(96,15,116)
```
#690f74
```
#690f74 rgb(105,15,116)
```
#710f74
```
#710f74 rgb(113,15,116)
```

Similar Colors

Text with hexadecimal color #580f74

This text has a font color of #580f74.

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

#580f74 background color

This paragraph has a background color of #580f74.

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

#580f74 border color

This element has a border color of #580f74.

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

CSS codes

.text {color:#580f74;}

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

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

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, #09020c is the darkest color, while #fdf9fe is the lightest one.

#09020c
```
#09020c rgb(9,2,12)
```
#16041d
```
#16041d rgb(22,4,29)
```
#23062f
```
#23062f rgb(35,6,47)
```
#300840
```
#300840 rgb(48,8,64)
```
#3e0b51
```
#3e0b51 rgb(62,11,81)
```
#4b0d63
```
#4b0d63 rgb(75,13,99)
```
#580f74
```
#580f74 rgb(88,15,116)
```
#651185
```
#651185 rgb(101,17,133)
```
#721397
```
#721397 rgb(114,19,151)
```
#8016a8
```
#8016a8 rgb(128,22,168)
```
#8d18b9
```
#8d18b9 rgb(141,24,185)
```
#9a1acb
```
#9a1acb rgb(154,26,203)
```
#a71cdc
```
#a71cdc rgb(167,28,220)
```

Shade Color Variation

#b029e3
```
#b029e3 rgb(176,41,227)
```
#b63ae6
```
#b63ae6 rgb(182,58,230)
```
#bd4ce8
```
#bd4ce8 rgb(189,76,232)
```
#c35dea
```
#c35dea rgb(195,93,234)
```
#c96eec
```
#c96eec rgb(201,110,236)
```
#d080ef
```
#d080ef rgb(208,128,239)
```
#d691f1
```
#d691f1 rgb(214,145,241)
```
#dda3f3
```
#dda3f3 rgb(221,163,243)
```
#e3b4f5
```
#e3b4f5 rgb(227,180,245)
```
#eac5f8
```
#eac5f8 rgb(234,197,248)
```
#f0d7fa
```
#f0d7fa rgb(240,215,250)
```
#f6e8fc
```
#f6e8fc rgb(246,232,252)
```
#fdf9fe
```
#fdf9fe rgb(253,249,254)
```

Tint Color Variation

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

#424142
```
#424142 rgb(66,65,66)
```
#443c47
```
#443c47 rgb(68,60,71)
```
#46374c
```
#46374c rgb(70,55,76)
```
#483251
```
#483251 rgb(72,50,81)
```
#4b2d56
```
#4b2d56 rgb(75,45,86)
```
#4d285b
```
#4d285b rgb(77,40,91)
```
#4f2360
```
#4f2360 rgb(79,35,96)
```
#511e65
```
#511e65 rgb(81,30,101)
```
#54196a
```
#54196a rgb(84,25,106)
```
#56146f
```
#56146f rgb(86,20,111)
```
#580f74
```
#580f74 rgb(88,15,116)
```
#5a0a79
```
#5a0a79 rgb(90,10,121)
```
#5c057e
```
#5c057e rgb(92,5,126)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#38293e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e79 Protanopia 1% of men
#00416c Deuteranopia 1% of men
#55383c Tritanopia 0.001% of the population

Trichromacy

#202d77 Protanomaly 1% of men, 0.01% of women
#202f6f Deuteranomaly 6% of men, 0.4% of women
#562950 Tritanomaly 0.01% of the population

#580f74 hex color

#580f74 Color Information

#580f74 Color Conversion

Color Schemes with #580f74

Alternatives to #580f74

#580f74 Preview

Shades and Tints of #580f74

Tones of #580f74

Color Blindness Simulator