colorhexa.com

#580c75 hex color

In a RGB color space, hex #580c75 is composed of 34.5% red, 4.7% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 24.8% cyan, 89.7% magenta, 0% yellow and 54.1% black. It has a hue angle of 283.4 degrees, a saturation of 81.4% and a lightness of 25.3%. #580c75 color hex could be obtained by blending #b018ea with #000000. Closest websafe color is: #660066.

- R 35
- G 5
- B 46
RGB color chart
- C 25
- M 90
- Y 0
- K 54
CMYK color chart

● #580c75 color description : Dark violet.

The hexadecimal color #580c75 has RGB values of R:88, G:12, B:117 and CMYK values of C:0.25, M:0.9, Y:0, K:0.54. Its decimal value is 5770357.

Hex triplet	580c75	`#580c75`
RGB Decimal	88, 12, 117	`rgb(88,12,117)`
RGB Percent	34.5, 4.7, 45.9	`rgb(34.5%,4.7%,45.9%)`
CMYK	25, 90, 0, 54
HSL	283.4°, 81.4, 25.3	`hsl(283.4,81.4%,25.3%)`
HSV (or HSB)	283.4°, 89.7, 45.9
Web Safe	660066	`#660066`

CIE-LAB	22.381, 47.742, -41.814
XYZ	7.366, 3.622, 17.14
xyY	0.262, 0.129, 3.622
CIE-LCH	22.381, 63.464, 318.787
CIE-LUV	22.381, 18.226, -52.413
Hunter-Lab	19.032, 35.782, -40.072
Binary	01011000, 00001100, 01110101

#580c75
```
#580c75 rgb(88,12,117)
```
#29750c
```
#29750c rgb(41,117,12)
```

Complementary Color

#240c75
```
#240c75 rgb(36,12,117)
```
#580c75
```
#580c75 rgb(88,12,117)
```
#750c5e
```
#750c5e rgb(117,12,94)
```

Analogous Color

#0c7524
```
#0c7524 rgb(12,117,36)
```
#580c75
```
#580c75 rgb(88,12,117)
```
#5e750c
```
#5e750c rgb(94,117,12)
```

Split Complementary Color

#0c7558
```
#0c7558 rgb(12,117,88)
```
#580c75
```
#580c75 rgb(88,12,117)
```
#75580c
```
#75580c rgb(117,88,12)
```

Triadic Color

#240530
```
#240530 rgb(36,5,48)
```
#350747
```
#350747 rgb(53,7,71)
```
#470a5e
```
#470a5e rgb(71,10,94)
```
#580c75
```
#580c75 rgb(88,12,117)
```
#690e8c
```
#690e8c rgb(105,14,140)
```
#7b11a3
```
#7b11a3 rgb(123,17,163)
```
#8c13ba
```
#8c13ba rgb(140,19,186)
```

Monochromatic Color

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

#3e0c75
```
#3e0c75 rgb(62,12,117)
```
#470c75
```
#470c75 rgb(71,12,117)
```
#4f0c75
```
#4f0c75 rgb(79,12,117)
```
#580c75
```
#580c75 rgb(88,12,117)
```
#610c75
```
#610c75 rgb(97,12,117)
```
#6a0c75
```
#6a0c75 rgb(106,12,117)
```
#720c75
```
#720c75 rgb(114,12,117)
```

Similar Colors

Text with hexadecimal color #580c75

This text has a font color of #580c75.

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

#580c75 background color

This paragraph has a background color of #580c75.

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

#580c75 border color

This element has a border color of #580c75.

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

CSS codes

.text {color:#580c75;}

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

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

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

#08010a
```
#08010a rgb(8,1,10)
```
#15031c
```
#15031c rgb(21,3,28)
```
#22052e
```
#22052e rgb(34,5,46)
```
#300740
```
#300740 rgb(48,7,64)
```
#3d0851
```
#3d0851 rgb(61,8,81)
```
#4b0a63
```
#4b0a63 rgb(75,10,99)
```
#580c75
```
#580c75 rgb(88,12,117)
```
#650e87
```
#650e87 rgb(101,14,135)
```
#731099
```
#731099 rgb(115,16,153)
```
#8011aa
```
#8011aa rgb(128,17,170)
```
#8e13bc
```
#8e13bc rgb(142,19,188)
```
#9b15ce
```
#9b15ce rgb(155,21,206)
```
#a817e0
```
#a817e0 rgb(168,23,224)
```

Shade Color Variation

#b222e8
```
#b222e8 rgb(178,34,232)
```
#b834ea
```
#b834ea rgb(184,52,234)
```
#be46ec
```
#be46ec rgb(190,70,236)
```
#c457ee
```
#c457ee rgb(196,87,238)
```
#ca69f0
```
#ca69f0 rgb(202,105,240)
```
#d17bf1
```
#d17bf1 rgb(209,123,241)
```
#d78df3
```
#d78df3 rgb(215,141,243)
```
#dd9ff5
```
#dd9ff5 rgb(221,159,245)
```
#e3b0f7
```
#e3b0f7 rgb(227,176,247)
```
#eac2f9
```
#eac2f9 rgb(234,194,249)
```
#f0d4fb
```
#f0d4fb rgb(240,212,251)
```
#f6e6fc
```
#f6e6fc rgb(246,230,252)
```
#fcf7fe
```
#fcf7fe rgb(252,247,254)
```

Tint Color Variation

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

#423e43
```
#423e43 rgb(66,62,67)
```
#443948
```
#443948 rgb(68,57,72)
```
#46344d
```
#46344d rgb(70,52,77)
```
#482f52
```
#482f52 rgb(72,47,82)
```
#4b2a57
```
#4b2a57 rgb(75,42,87)
```
#4d255c
```
#4d255c rgb(77,37,92)
```
#4f2061
```
#4f2061 rgb(79,32,97)
```
#511b66
```
#511b66 rgb(81,27,102)
```
#54166b
```
#54166b rgb(84,22,107)
```
#561170
```
#561170 rgb(86,17,112)
```
#580c75
```
#580c75 rgb(88,12,117)
```
#5a077a
```
#5a077a rgb(90,7,122)
```
#5c027f
```
#5c027f rgb(92,2,127)
```

Tone Color Variation

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

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

Trichromacy

#202b77 Protanomaly 1% of men, 0.01% of women
#202d6f Deuteranomaly 6% of men, 0.4% of women
#562750 Tritanomaly 0.01% of the population