colorhexa.com

#580c74 hex color

In a RGB color space, hex #580c74 is composed of 34.5% red, 4.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 89.7% magenta, 0% yellow and 54.5% black. It has a hue angle of 283.8 degrees, a saturation of 81.3% and a lightness of 25.1%. #580c74 color hex could be obtained by blending #b018e8 with #000000. Closest websafe color is: #660066.

- R 35
- G 5
- B 45
RGB color chart
- C 24
- M 90
- Y 0
- K 55
CMYK color chart

● #580c74 color description : Dark violet.

The hexadecimal color #580c74 has RGB values of R:88, G:12, B:116 and CMYK values of C:0.24, M:0.9, Y:0, K:0.55. Its decimal value is 5770356.

Hex triplet	580c74	`#580c74`
RGB Decimal	88, 12, 116	`rgb(88,12,116)`
RGB Percent	34.5, 4.7, 45.5	`rgb(34.5%,4.7%,45.5%)`
CMYK	24, 90, 0, 55
HSL	283.8°, 81.3, 25.1	`hsl(283.8,81.3%,25.1%)`
HSV (or HSB)	283.8°, 89.7, 45.5
Web Safe	660066	`#660066`

CIE-LAB	22.298, 47.533, -41.306
XYZ	7.308, 3.599, 16.832
xyY	0.263, 0.13, 3.599
CIE-LCH	22.298, 62.973, 319.01
CIE-LUV	22.298, 18.453, -51.769
Hunter-Lab	18.971, 35.564, -39.325
Binary	01011000, 00001100, 01110100

#580c74
```
#580c74 rgb(88,12,116)
```
#28740c
```
#28740c rgb(40,116,12)
```

Complementary Color

#240c74
```
#240c74 rgb(36,12,116)
```
#580c74
```
#580c74 rgb(88,12,116)
```
#740c5c
```
#740c5c rgb(116,12,92)
```

Analogous Color

#0c7424
```
#0c7424 rgb(12,116,36)
```
#580c74
```
#580c74 rgb(88,12,116)
```
#5c740c
```
#5c740c rgb(92,116,12)
```

Split Complementary Color

#0c7458
```
#0c7458 rgb(12,116,88)
```
#580c74
```
#580c74 rgb(88,12,116)
```
#74580c
```
#74580c rgb(116,88,12)
```

Triadic Color

#23052f
```
#23052f rgb(35,5,47)
```
#350746
```
#350746 rgb(53,7,70)
```
#460a5d
```
#460a5d rgb(70,10,93)
```
#580c74
```
#580c74 rgb(88,12,116)
```
#6a0e8b
```
#6a0e8b rgb(106,14,139)
```
#7b11a2
```
#7b11a2 rgb(123,17,162)
```
#8d13b9
```
#8d13b9 rgb(141,19,185)
```

Monochromatic Color

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

#3e0c74
```
#3e0c74 rgb(62,12,116)
```
#470c74
```
#470c74 rgb(71,12,116)
```
#4f0c74
```
#4f0c74 rgb(79,12,116)
```
#580c74
```
#580c74 rgb(88,12,116)
```
#610c74
```
#610c74 rgb(97,12,116)
```
#690c74
```
#690c74 rgb(105,12,116)
```
#720c74
```
#720c74 rgb(114,12,116)
```

Similar Colors

Text with hexadecimal color #580c74

This text has a font color of #580c74.

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

#580c74 background color

This paragraph has a background color of #580c74.

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

#580c74 border color

This element has a border color of #580c74.

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

CSS codes

.text {color:#580c74;}

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

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

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

#070109
```
#070109 rgb(7,1,9)
```
#15031b
```
#15031b rgb(21,3,27)
```
#22052d
```
#22052d rgb(34,5,45)
```
#30063f
```
#30063f rgb(48,6,63)
```
#3d0850
```
#3d0850 rgb(61,8,80)
```
#4b0a62
```
#4b0a62 rgb(75,10,98)
```
#580c74
```
#580c74 rgb(88,12,116)
```
#650e86
```
#650e86 rgb(101,14,134)
```
#731098
```
#731098 rgb(115,16,152)
```
#8012a9
```
#8012a9 rgb(128,18,169)
```
#8e13bb
```
#8e13bb rgb(142,19,187)
```
#9b15cd
```
#9b15cd rgb(155,21,205)
```
#a917df
```
#a917df rgb(169,23,223)
```

Shade Color Variation

#b321e8
```
#b321e8 rgb(179,33,232)
```
#b933ea
```
#b933ea rgb(185,51,234)
```
#bf45ec
```
#bf45ec rgb(191,69,236)
```
#c557ee
```
#c557ee rgb(197,87,238)
```
#cb68ef
```
#cb68ef rgb(203,104,239)
```
#d17af1
```
#d17af1 rgb(209,122,241)
```
#d78cf3
```
#d78cf3 rgb(215,140,243)
```
#dd9ef5
```
#dd9ef5 rgb(221,158,245)
```
#e4aff7
```
#e4aff7 rgb(228,175,247)
```
#eac1f9
```
#eac1f9 rgb(234,193,249)
```
#f0d3fa
```
#f0d3fa rgb(240,211,250)
```
#f6e5fc
```
#f6e5fc rgb(246,229,252)
```
#fcf7fe
```
#fcf7fe rgb(252,247,254)
```

Tint Color Variation

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

#413d43
```
#413d43 rgb(65,61,67)
```
#443848
```
#443848 rgb(68,56,72)
```
#46334d
```
#46334d rgb(70,51,77)
```
#482e52
```
#482e52 rgb(72,46,82)
```
#4a2a56
```
#4a2a56 rgb(74,42,86)
```
#4d255b
```
#4d255b rgb(77,37,91)
```
#4f2060
```
#4f2060 rgb(79,32,96)
```
#511b65
```
#511b65 rgb(81,27,101)
```
#53166a
```
#53166a rgb(83,22,106)
```
#56116f
```
#56116f rgb(86,17,111)
```
#580c74
```
#580c74 rgb(88,12,116)
```
#5a0779
```
#5a0779 rgb(90,7,121)
```
#5d027e
```
#5d027e rgb(93,2,126)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#37283d Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d78 Protanopia 1% of men
#00416b Deuteranopia 1% of men
#55373b Tritanopia 0.001% of the population

Trichromacy

#202b76 Protanomaly 1% of men, 0.01% of women
#202d6e Deuteranomaly 6% of men, 0.4% of women
#56274f Tritanomaly 0.01% of the population