#580fc2 hex color

In a RGB color space, hex #580fc2 is composed of 34.5% red, 5.9% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 54.6% cyan, 92.3% magenta, 0% yellow and 23.9% black. It has a hue angle of 264.5 degrees, a saturation of 85.6% and a lightness of 41%. #580fc2 color hex could be obtained by blending #b01eff with #000085. Closest websafe color is: #6600cc.

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

● #580fc2 color description : Strong violet.

The hexadecimal color #580fc2 has RGB values of R:88, G:15, B:194 and CMYK values of C:0.55, M:0.92, Y:0, K:0.24. Its decimal value is 5771202.

Hex triplet	580fc2	`#580fc2`
RGB Decimal	88, 15, 194	`rgb(88,15,194)`
RGB Percent	34.5, 5.9, 76.1	`rgb(34.5%,5.9%,76.1%)`
CMYK	55, 92, 0, 24
HSL	264.5°, 85.6, 41	`hsl(264.5,85.6%,41%)`
HSV (or HSB)	264.5°, 92.3, 76.1
Web Safe	6600cc	`#6600cc`

CIE-LAB	30.184, 64.555, -76.22
XYZ	13.931, 6.311, 51.52
xyY	0.194, 0.088, 6.311
CIE-LCH	30.184, 99.884, 310.263
CIE-LUV	30.184, 5.46, -99.078
Hunter-Lab	25.122, 55.022, -104.006
Binary	01011000, 00001111, 11000010

#580fc2
```
#580fc2 rgb(88,15,194)
```
#79c20f
```
#79c20f rgb(121,194,15)
```

Complementary Color

#0f20c2
```
#0f20c2 rgb(15,32,194)
```
#580fc2
```
#580fc2 rgb(88,15,194)
```
#b20fc2
```
#b20fc2 rgb(178,15,194)
```

Analogous Color

#20c20f
```
#20c20f rgb(32,194,15)
```
#580fc2
```
#580fc2 rgb(88,15,194)
```
#c2b20f
```
#c2b20f rgb(194,178,15)
```

Split Complementary Color

#0fc258
```
#0fc258 rgb(15,194,88)
```
#580fc2
```
#580fc2 rgb(88,15,194)
```
#c2580f
```
#c2580f rgb(194,88,15)
```

Triadic Color

#0f79c2
```
#0f79c2 rgb(15,121,194)
```
#580fc2
```
#580fc2 rgb(88,15,194)
```
#c2580f
```
#c2580f rgb(194,88,15)
```
#79c20f
```
#79c20f rgb(121,194,15)
```

Tetradic Color

#380a7b
```
#380a7b rgb(56,10,123)
```
#430b93
```
#430b93 rgb(67,11,147)
```
#4d0daa
```
#4d0daa rgb(77,13,170)
```
#580fc2
```
#580fc2 rgb(88,15,194)
```
#6311da
```
#6311da rgb(99,17,218)
```
#6e17ed
```
#6e17ed rgb(110,23,237)
```
#7d2fef
```
#7d2fef rgb(125,47,239)
```

Monochromatic Color

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

#2b0fc2
```
#2b0fc2 rgb(43,15,194)
```
#3a0fc2
```
#3a0fc2 rgb(58,15,194)
```
#490fc2
```
#490fc2 rgb(73,15,194)
```
#580fc2
```
#580fc2 rgb(88,15,194)
```
#670fc2
```
#670fc2 rgb(103,15,194)
```
#760fc2
```
#760fc2 rgb(118,15,194)
```
#850fc2
```
#850fc2 rgb(133,15,194)
```

Similar Colors

Text with hexadecimal color #580fc2

This text has a font color of #580fc2.

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

#580fc2 background color

This paragraph has a background color of #580fc2.

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

#580fc2 border color

This element has a border color of #580fc2.

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

CSS codes

.text {color:#580fc2;}

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

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

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

#05010c
```
#05010c rgb(5,1,12)
```
#0e021e
```
#0e021e rgb(14,2,30)
```
#160430
```
#160430 rgb(22,4,48)
```
#1e0543
```
#1e0543 rgb(30,5,67)
```
#260755
```
#260755 rgb(38,7,85)
```
#2f0867
```
#2f0867 rgb(47,8,103)
```
#370979
```
#370979 rgb(55,9,121)
```
#3f0b8b
```
#3f0b8b rgb(63,11,139)
```
#470c9e
```
#470c9e rgb(71,12,158)
```
#500eb0
```
#500eb0 rgb(80,14,176)
```
#580fc2
```
#580fc2 rgb(88,15,194)
```
#6010d4
```
#6010d4 rgb(96,16,212)
```
#6912e6
```
#6912e6 rgb(105,18,230)
```

Shade Color Variation

#731eee
```
#731eee rgb(115,30,238)
```
#7e30ef
```
#7e30ef rgb(126,48,239)
```
#8a43f0
```
#8a43f0 rgb(138,67,240)
```
#9555f2
```
#9555f2 rgb(149,85,242)
```
#a067f3
```
#a067f3 rgb(160,103,243)
```
#ac79f5
```
#ac79f5 rgb(172,121,245)
```
#b78bf6
```
#b78bf6 rgb(183,139,246)
```
#c29ef7
```
#c29ef7 rgb(194,158,247)
```
#ceb0f9
```
#ceb0f9 rgb(206,176,249)
```
#d9c2fa
```
#d9c2fa rgb(217,194,250)
```
#e4d4fc
```
#e4d4fc rgb(228,212,252)
```
#f0e7fd
```
#f0e7fd rgb(240,231,253)
```
#fbf9ff
```
#fbf9ff rgb(251,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #68676a is the less saturated color, while #5707ca is the most saturated one.

#68676a
```
#68676a rgb(104,103,106)
```
#675f72
```
#675f72 rgb(103,95,114)
```
#65577a
```
#65577a rgb(101,87,122)
```
#644f82
```
#644f82 rgb(100,79,130)
```
#62478a
```
#62478a rgb(98,71,138)
```
#613f92
```
#613f92 rgb(97,63,146)
```
#5f379a
```
#5f379a rgb(95,55,154)
```
#5e2fa2
```
#5e2fa2 rgb(94,47,162)
```
#5c27aa
```
#5c27aa rgb(92,39,170)
```
#5b1fb2
```
#5b1fb2 rgb(91,31,178)
```
#5917ba
```
#5917ba rgb(89,23,186)
```
#580fc2
```
#580fc2 rgb(88,15,194)
```
#5707ca
```
#5707ca rgb(87,7,202)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#3f3154 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e98 Protanopia 1% of men
#005284 Deuteranopia 1% of men
#2f565c Tritanopia 0.001% of the population

Trichromacy

#2037a7 Protanomaly 1% of men, 0.01% of women
#203a9a Deuteranomaly 6% of men, 0.4% of women
#3e3c81 Tritanomaly 0.01% of the population

#580fc2 hex color

#580fc2 Color Information

#580fc2 Color Conversion

Color Schemes with #580fc2

Alternatives to #580fc2

#580fc2 Preview

Shades and Tints of #580fc2

Tones of #580fc2

Color Blindness Simulator