colorhexa.com

#580766 hex color

In a RGB color space, hex #580766 is composed of 34.5% red, 2.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 13.7% cyan, 93.1% magenta, 0% yellow and 60% black. It has a hue angle of 291.2 degrees, a saturation of 87.2% and a lightness of 21.4%. #580766 color hex could be obtained by blending #b00ecc with #000000. Closest websafe color is: #660066.

- R 35
- G 3
- B 40
RGB color chart
- C 14
- M 93
- Y 0
- K 60
CMYK color chart

● #580766 color description : Very dark magenta.

The hexadecimal color #580766 has RGB values of R:88, G:7, B:102 and CMYK values of C:0.14, M:0.93, Y:0, K:0.6. Its decimal value is 5769062.

Hex triplet	580766	`#580766`
RGB Decimal	88, 7, 102	`rgb(88,7,102)`
RGB Percent	34.5, 2.7, 40	`rgb(34.5%,2.7%,40%)`
CMYK	14, 93, 0, 60
HSL	291.2°, 87.2, 21.4	`hsl(291.2,87.2%,21.4%)`
HSV (or HSB)	291.2°, 93.1, 40
Web Safe	660066	`#660066`

CIE-LAB	20.775, 45.94, -34.677
XYZ	6.499, 3.186, 12.842
xyY	0.288, 0.141, 3.186
CIE-LCH	20.775, 57.559, 322.953
CIE-LUV	20.775, 22.202, -43.047
Hunter-Lab	17.85, 33.746, -30.161
Binary	01011000, 00000111, 01100110

#580766
```
#580766 rgb(88,7,102)
```
#156607
```
#156607 rgb(21,102,7)
```

Complementary Color

#290766
```
#290766 rgb(41,7,102)
```
#580766
```
#580766 rgb(88,7,102)
```
#660745
```
#660745 rgb(102,7,69)
```

Analogous Color

#076629
```
#076629 rgb(7,102,41)
```
#580766
```
#580766 rgb(88,7,102)
```
#456607
```
#456607 rgb(69,102,7)
```

Split Complementary Color

#1a021e
```
#1a021e rgb(26,2,30)
```
#2f0436
```
#2f0436 rgb(47,4,54)
```
#43054e
```
#43054e rgb(67,5,78)
```
#580766
```
#580766 rgb(88,7,102)
```
#6d097e
```
#6d097e rgb(109,9,126)
```
#810a96
```
#810a96 rgb(129,10,150)
```
#960cae
```
#960cae rgb(150,12,174)
```

Monochromatic Color

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

#400766
```
#400766 rgb(64,7,102)
```
#480766
```
#480766 rgb(72,7,102)
```
#500766
```
#500766 rgb(80,7,102)
```
#580766
```
#580766 rgb(88,7,102)
```
#600766
```
#600766 rgb(96,7,102)
```
#660764
```
#660764 rgb(102,7,100)
```
#66075c
```
#66075c rgb(102,7,92)
```

Similar Colors

Text with hexadecimal color #580766

This text has a font color of #580766.

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

#580766 background color

This paragraph has a background color of #580766.

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

#580766 border color

This element has a border color of #580766.

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

CSS codes

.text {color:#580766;}

.background {background-color:#580766;}

.border {border:1px solid #580766;}

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

#09010a
```
#09010a rgb(9,1,10)
```
#19021d
```
#19021d rgb(25,2,29)
```
#28032f
```
#28032f rgb(40,3,47)
```
#380441
```
#380441 rgb(56,4,65)
```
#480654
```
#480654 rgb(72,6,84)
```
#580766
```
#580766 rgb(88,7,102)
```
#680878
```
#680878 rgb(104,8,120)
```
#780a8b
```
#780a8b rgb(120,10,139)
```
#880b9d
```
#880b9d rgb(136,11,157)
```
#970caf
```
#970caf rgb(151,12,175)
```
#a70dc2
```
#a70dc2 rgb(167,13,194)
```
#b70fd4
```
#b70fd4 rgb(183,15,212)
```
#c710e6
```
#c710e6 rgb(199,16,230)
```

Shade Color Variation

#d01bef
```
#d01bef rgb(208,27,239)
```
#d42df1
```
#d42df1 rgb(212,45,241)
```
#d83ff2
```
#d83ff2 rgb(216,63,242)
```
#db52f3
```
#db52f3 rgb(219,82,243)
```
#df64f4
```
#df64f4 rgb(223,100,244)
```
#e376f6
```
#e376f6 rgb(227,118,246)
```
#e789f7
```
#e789f7 rgb(231,137,247)
```
#ea9bf8
```
#ea9bf8 rgb(234,155,248)
```
#eeadf9
```
#eeadf9 rgb(238,173,249)
```
#f2c0fb
```
#f2c0fb rgb(242,192,251)
```
#f6d2fc
```
#f6d2fc rgb(246,210,252)
```
#fae5fd
```
#fae5fd rgb(250,229,253)
```
#fdf7fe
```
#fdf7fe rgb(253,247,254)
```

Tint Color Variation

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

#373538
```
#373538 rgb(55,53,56)
```
#3a313c
```
#3a313c rgb(58,49,60)
```
#3d2d40
```
#3d2d40 rgb(61,45,64)
```
#402944
```
#402944 rgb(64,41,68)
```
#432449
```
#432449 rgb(67,36,73)
```
#46204d
```
#46204d rgb(70,32,77)
```
#491c51
```
#491c51 rgb(73,28,81)
```
#4c1855
```
#4c1855 rgb(76,24,85)
```
#4f1459
```
#4f1459 rgb(79,20,89)
```
#520f5e
```
#520f5e rgb(82,15,94)
```
#550b62
```
#550b62 rgb(85,11,98)
```
#580766
```
#580766 rgb(88,7,102)
```
#5b036a
```
#5b036a rgb(91,3,106)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#332336 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003a72 Protanopia 1% of men
#183d64 Deuteranopia 1% of men
#583034 Tritanopia 0.001% of the population

Trichromacy

#20286e Protanomaly 1% of men, 0.01% of women
#2f2964 Deuteranomaly 6% of men, 0.4% of women
#582146 Tritanomaly 0.01% of the population