#580fc5 hex color

In a RGB color space, hex #580fc5 is composed of 34.5% red, 5.9% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 92.4% magenta, 0% yellow and 22.7% black. It has a hue angle of 264.1 degrees, a saturation of 85.8% and a lightness of 41.6%. #580fc5 color hex could be obtained by blending #b01eff with #00008b. Closest websafe color is: #6600cc.

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

● #580fc5 color description : Strong violet.

The hexadecimal color #580fc5 has RGB values of R:88, G:15, B:197 and CMYK values of C:0.55, M:0.92, Y:0, K:0.23. Its decimal value is 5771205.

Hex triplet	580fc5	`#580fc5`
RGB Decimal	88, 15, 197	`rgb(88,15,197)`
RGB Percent	34.5, 5.9, 77.3	`rgb(34.5%,5.9%,77.3%)`
CMYK	55, 92, 0, 23
HSL	264.1°, 85.8, 41.6	`hsl(264.1,85.8%,41.6%)`
HSV (or HSB)	264.1°, 92.4, 77.3
Web Safe	6600cc	`#6600cc`

CIE-LAB	30.514, 65.263, -77.439
XYZ	14.272, 6.447, 53.313
xyY	0.193, 0.087, 6.447
CIE-LCH	30.514, 101.272, 310.123
CIE-LUV	30.514, 5.107, -100.819
Hunter-Lab	25.392, 55.893, -106.713
Binary	01011000, 00001111, 11000101

#580fc5
```
#580fc5 rgb(88,15,197)
```
#7cc50f
```
#7cc50f rgb(124,197,15)
```

Complementary Color

#0f21c5
```
#0f21c5 rgb(15,33,197)
```
#580fc5
```
#580fc5 rgb(88,15,197)
```
#b30fc5
```
#b30fc5 rgb(179,15,197)
```

Analogous Color

#21c50f
```
#21c50f rgb(33,197,15)
```
#580fc5
```
#580fc5 rgb(88,15,197)
```
#c5b30f
```
#c5b30f rgb(197,179,15)
```

Split Complementary Color

#0fc558
```
#0fc558 rgb(15,197,88)
```
#580fc5
```
#580fc5 rgb(88,15,197)
```
#c5580f
```
#c5580f rgb(197,88,15)
```

Triadic Color

#0f7cc5
```
#0f7cc5 rgb(15,124,197)
```
#580fc5
```
#580fc5 rgb(88,15,197)
```
#c5580f
```
#c5580f rgb(197,88,15)
```
#7cc50f
```
#7cc50f rgb(124,197,15)
```

Tetradic Color

#380a7e
```
#380a7e rgb(56,10,126)
```
#430b96
```
#430b96 rgb(67,11,150)
```
#4d0dad
```
#4d0dad rgb(77,13,173)
```
#580fc5
```
#580fc5 rgb(88,15,197)
```
#6311dd
```
#6311dd rgb(99,17,221)
```
#6f19ee
```
#6f19ee rgb(111,25,238)
```
#7d31ef
```
#7d31ef rgb(125,49,239)
```

Monochromatic Color

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

#2b0fc5
```
#2b0fc5 rgb(43,15,197)
```
#3a0fc5
```
#3a0fc5 rgb(58,15,197)
```
#490fc5
```
#490fc5 rgb(73,15,197)
```
#580fc5
```
#580fc5 rgb(88,15,197)
```
#670fc5
```
#670fc5 rgb(103,15,197)
```
#760fc5
```
#760fc5 rgb(118,15,197)
```
#860fc5
```
#860fc5 rgb(134,15,197)
```

Similar Colors

Text with hexadecimal color #580fc5

This text has a font color of #580fc5.

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

#580fc5 background color

This paragraph has a background color of #580fc5.

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

#580fc5 border color

This element has a border color of #580fc5.

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

CSS codes

.text {color:#580fc5;}

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

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

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, #07010f is the darkest color, while #fdfbff is the lightest one.

#07010f
```
#07010f rgb(7,1,15)
```
#0f0321
```
#0f0321 rgb(15,3,33)
```
#170433
```
#170433 rgb(23,4,51)
```
#1f0545
```
#1f0545 rgb(31,5,69)
```
#270758
```
#270758 rgb(39,7,88)
```
#2f086a
```
#2f086a rgb(47,8,106)
```
#37097c
```
#37097c rgb(55,9,124)
```
#400b8e
```
#400b8e rgb(64,11,142)
```
#480ca1
```
#480ca1 rgb(72,12,161)
```
#500eb3
```
#500eb3 rgb(80,14,179)
```
#580fc5
```
#580fc5 rgb(88,15,197)
```
#6010d7
```
#6010d7 rgb(96,16,215)
```
#6812e9
```
#6812e9 rgb(104,18,233)
```

Shade Color Variation

#7321ee
```
#7321ee rgb(115,33,238)
```
#7f33ef
```
#7f33ef rgb(127,51,239)
```
#8a45f1
```
#8a45f1 rgb(138,69,241)
```
#9657f2
```
#9657f2 rgb(150,87,242)
```
#a16af4
```
#a16af4 rgb(161,106,244)
```
#ac7cf5
```
#ac7cf5 rgb(172,124,245)
```
#b88ef6
```
#b88ef6 rgb(184,142,246)
```
#c3a0f8
```
#c3a0f8 rgb(195,160,248)
```
#cfb3f9
```
#cfb3f9 rgb(207,179,249)
```
#dac5fb
```
#dac5fb rgb(218,197,251)
```
#e6d7fc
```
#e6d7fc rgb(230,215,252)
```
#f1e9fd
```
#f1e9fd rgb(241,233,253)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a696b is the less saturated color, while #5607cd is the most saturated one.

#6a696b
```
#6a696b rgb(106,105,107)
```
#686173
```
#686173 rgb(104,97,115)
```
#67587c
```
#67587c rgb(103,88,124)
```
#655084
```
#655084 rgb(101,80,132)
```
#63488c
```
#63488c rgb(99,72,140)
```
#624094
```
#624094 rgb(98,64,148)
```
#60389c
```
#60389c rgb(96,56,156)
```
#5e30a4
```
#5e30a4 rgb(94,48,164)
```
#5d27ad
```
#5d27ad rgb(93,39,173)
```
#5b1fb5
```
#5b1fb5 rgb(91,31,181)
```
#5a17bd
```
#5a17bd rgb(90,23,189)
```
#580fc5
```
#580fc5 rgb(88,15,197)
```
#5607cd
```
#5607cd rgb(86,7,205)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#403156 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f99 Protanopia 1% of men
#005385 Deuteranopia 1% of men
#2c575d Tritanopia 0.001% of the population

Trichromacy

#2037a9 Protanomaly 1% of men, 0.01% of women
#203a9c Deuteranomaly 6% of men, 0.4% of women
#3c3d83 Tritanomaly 0.01% of the population

#580fc5 hex color

#580fc5 Color Information

#580fc5 Color Conversion

Color Schemes with #580fc5

Alternatives to #580fc5

#580fc5 Preview

Shades and Tints of #580fc5

Tones of #580fc5

Color Blindness Simulator