#580778 hex color

In a RGB color space, hex #580778 is composed of 34.5% red, 2.7% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 94.2% magenta, 0% yellow and 52.9% black. It has a hue angle of 283 degrees, a saturation of 89% and a lightness of 24.9%. #580778 color hex could be obtained by blending #b00ef0 with #000000. Closest websafe color is: #660066.

♥
- f
- t
- g
- R 35
- G 3
- B 47
RGB color chart
- C 27
- M 94
- Y 0
- K 53
CMYK color chart

● #580778 color description : Dark violet.

The hexadecimal color #580778 has RGB values of R:88, G:7, B:120 and CMYK values of C:0.27, M:0.94, Y:0, K:0.53. Its decimal value is 5769080.

Hex triplet	580778	`#580778`
RGB Decimal	88, 7, 120	`rgb(88,7,120)`
RGB Percent	34.5, 2.7, 47.1	`rgb(34.5%,2.7%,47.1%)`
CMYK	27, 94, 0, 53
HSL	283°, 89, 24.9	`hsl(283,89%,24.9%)`
HSV (or HSB)	283°, 94.2, 47.1
Web Safe	660066	`#660066`

CIE-LAB	22.242, 49.53, -43.964
XYZ	7.49, 3.583, 18.065
xyY	0.257, 0.123, 3.583
CIE-LCH	22.242, 66.227, 318.407
CIE-LUV	22.242, 17.845, -54.641
Hunter-Lab	18.929, 37.508, -43.335
Binary	01011000, 00000111, 01111000

#580778
```
#580778 rgb(88,7,120)
```
#277807
```
#277807 rgb(39,120,7)
```

Complementary Color

#200778
```
#200778 rgb(32,7,120)
```
#580778
```
#580778 rgb(88,7,120)
```
#780760
```
#780760 rgb(120,7,96)
```

Analogous Color

#077820
```
#077820 rgb(7,120,32)
```
#580778
```
#580778 rgb(88,7,120)
```
#607807
```
#607807 rgb(96,120,7)
```

Split Complementary Color

#077858
```
#077858 rgb(7,120,88)
```
#580778
```
#580778 rgb(88,7,120)
```
#785807
```
#785807 rgb(120,88,7)
```

Triadic Color

#072778
```
#072778 rgb(7,39,120)
```
#580778
```
#580778 rgb(88,7,120)
```
#785807
```
#785807 rgb(120,88,7)
```
#277807
```
#277807 rgb(39,120,7)
```

Tetradic Color

#230330
```
#230330 rgb(35,3,48)
```
#350448
```
#350448 rgb(53,4,72)
```
#460660
```
#460660 rgb(70,6,96)
```
#580778
```
#580778 rgb(88,7,120)
```
#6a0890
```
#6a0890 rgb(106,8,144)
```
#7b0aa8
```
#7b0aa8 rgb(123,10,168)
```
#8d0bc0
```
#8d0bc0 rgb(141,11,192)
```

Monochromatic Color

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

#3c0778
```
#3c0778 rgb(60,7,120)
```
#450778
```
#450778 rgb(69,7,120)
```
#4f0778
```
#4f0778 rgb(79,7,120)
```
#580778
```
#580778 rgb(88,7,120)
```
#610778
```
#610778 rgb(97,7,120)
```
#6b0778
```
#6b0778 rgb(107,7,120)
```
#740778
```
#740778 rgb(116,7,120)
```

Similar Colors

Text with hexadecimal color #580778

This text has a font color of #580778.

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

#580778 background color

This paragraph has a background color of #580778.

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

#580778 border color

This element has a border color of #580778.

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

CSS codes

.text {color:#580778;}

.background {background-color:#580778;}

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

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

#060109
```
#060109 rgb(6,1,9)
```
#14021b
```
#14021b rgb(20,2,27)
```
#22032e
```
#22032e rgb(34,3,46)
```
#2f0440
```
#2f0440 rgb(47,4,64)
```
#3d0553
```
#3d0553 rgb(61,5,83)
```
#4a0665
```
#4a0665 rgb(74,6,101)
```
#580778
```
#580778 rgb(88,7,120)
```
#66088b
```
#66088b rgb(102,8,139)
```
#73099d
```
#73099d rgb(115,9,157)
```
#810ab0
```
#810ab0 rgb(129,10,176)
```
#8e0bc2
```
#8e0bc2 rgb(142,11,194)
```
#9c0cd5
```
#9c0cd5 rgb(156,12,213)
```
#aa0de7
```
#aa0de7 rgb(170,13,231)
```

Shade Color Variation

#b417f1
```
#b417f1 rgb(180,23,241)
```
#ba29f3
```
#ba29f3 rgb(186,41,243)
```
#c03cf4
```
#c03cf4 rgb(192,60,244)
```
#c64ef5
```
#c64ef5 rgb(198,78,245)
```
#cc61f6
```
#cc61f6 rgb(204,97,246)
```
#d274f7
```
#d274f7 rgb(210,116,247)
```
#d886f8
```
#d886f8 rgb(216,134,248)
```
#de99f9
```
#de99f9 rgb(222,153,249)
```
#e4abfa
```
#e4abfa rgb(228,171,250)
```
#eabefb
```
#eabefb rgb(234,190,251)
```
#f0d0fc
```
#f0d0fc rgb(240,208,252)
```
#f6e3fd
```
#f6e3fd rgb(246,227,253)
```
#fcf5fe
```
#fcf5fe rgb(252,245,254)
```

Tint Color Variation

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

#413d42
```
#413d42 rgb(65,61,66)
```
#433847
```
#433847 rgb(67,56,71)
```
#45334c
```
#45334c rgb(69,51,76)
```
#472e51
```
#472e51 rgb(71,46,81)
```
#492956
```
#492956 rgb(73,41,86)
```
#4b245b
```
#4b245b rgb(75,36,91)
```
#4d1f60
```
#4d1f60 rgb(77,31,96)
```
#501b64
```
#501b64 rgb(80,27,100)
```
#521669
```
#521669 rgb(82,22,105)
```
#54116e
```
#54116e rgb(84,17,110)
```
#560c73
```
#560c73 rgb(86,12,115)
```
#580778
```
#580778 rgb(88,7,120)
```
#5a027d
```
#5a027d rgb(90,2,125)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#35253b Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#202978 Protanomaly 1% of men, 0.01% of women
#202b6f Deuteranomaly 6% of men, 0.4% of women
#552651 Tritanomaly 0.01% of the population

#580778 hex color

#580778 Color Information

#580778 Color Conversion

Color Schemes with #580778

Alternatives to #580778

#580778 Preview

Shades and Tints of #580778

Tones of #580778

Color Blindness Simulator