#580dc5 hex color

In a RGB color space, hex #580dc5 is composed of 34.5% red, 5.1% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 93.4% magenta, 0% yellow and 22.7% black. It has a hue angle of 264.5 degrees, a saturation of 87.6% and a lightness of 41.2%. #580dc5 color hex could be obtained by blending #b01aff with #00008b. Closest websafe color is: #6600cc.

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

● #580dc5 color description : Strong violet.

The hexadecimal color #580dc5 has RGB values of R:88, G:13, B:197 and CMYK values of C:0.55, M:0.93, Y:0, K:0.23. Its decimal value is 5770693.

Hex triplet	580dc5	`#580dc5`
RGB Decimal	88, 13, 197	`rgb(88,13,197)`
RGB Percent	34.5, 5.1, 77.3	`rgb(34.5%,5.1%,77.3%)`
CMYK	55, 93, 0, 23
HSL	264.5°, 87.6, 41.2	`hsl(264.5,87.6%,41.2%)`
HSV (or HSB)	264.5°, 93.4, 77.3
Web Safe	6600cc	`#6600cc`

CIE-LAB	30.384, 65.656, -77.654
XYZ	14.245, 6.393, 53.304
xyY	0.193, 0.086, 6.393
CIE-LCH	30.384, 101.689, 310.214
CIE-LUV	30.384, 5.193, -100.829
Hunter-Lab	25.285, 56.31, -107.289
Binary	01011000, 00001101, 11000101

#580dc5
```
#580dc5 rgb(88,13,197)
```
#7ac50d
```
#7ac50d rgb(122,197,13)
```

Complementary Color

#0d1ec5
```
#0d1ec5 rgb(13,30,197)
```
#580dc5
```
#580dc5 rgb(88,13,197)
```
#b40dc5
```
#b40dc5 rgb(180,13,197)
```

Analogous Color

#1ec50d
```
#1ec50d rgb(30,197,13)
```
#580dc5
```
#580dc5 rgb(88,13,197)
```
#c5b40d
```
#c5b40d rgb(197,180,13)
```

Split Complementary Color

#0dc558
```
#0dc558 rgb(13,197,88)
```
#580dc5
```
#580dc5 rgb(88,13,197)
```
#c5580d
```
#c5580d rgb(197,88,13)
```

Triadic Color

#0d7ac5
```
#0d7ac5 rgb(13,122,197)
```
#580dc5
```
#580dc5 rgb(88,13,197)
```
#c5580d
```
#c5580d rgb(197,88,13)
```
#7ac50d
```
#7ac50d rgb(122,197,13)
```

Tetradic Color

#38087d
```
#38087d rgb(56,8,125)
```
#430a95
```
#430a95 rgb(67,10,149)
```
#4d0bad
```
#4d0bad rgb(77,11,173)
```
#580dc5
```
#580dc5 rgb(88,13,197)
```
#630fdd
```
#630fdd rgb(99,15,221)
```
#6e15f0
```
#6e15f0 rgb(110,21,240)
```
#7d2df1
```
#7d2df1 rgb(125,45,241)
```

Monochromatic Color

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

#2a0dc5
```
#2a0dc5 rgb(42,13,197)
```
#390dc5
```
#390dc5 rgb(57,13,197)
```
#490dc5
```
#490dc5 rgb(73,13,197)
```
#580dc5
```
#580dc5 rgb(88,13,197)
```
#670dc5
```
#670dc5 rgb(103,13,197)
```
#770dc5
```
#770dc5 rgb(119,13,197)
```
#860dc5
```
#860dc5 rgb(134,13,197)
```

Similar Colors

Text with hexadecimal color #580dc5

This text has a font color of #580dc5.

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

#580dc5 background color

This paragraph has a background color of #580dc5.

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

#580dc5 border color

This element has a border color of #580dc5.

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

CSS codes

.text {color:#580dc5;}

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

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

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, #06010d is the darkest color, while #fcfaff is the lightest one.

#06010d
```
#06010d rgb(6,1,13)
```
#0e021f
```
#0e021f rgb(14,2,31)
```
#160332
```
#160332 rgb(22,3,50)
```
#1e0544
```
#1e0544 rgb(30,5,68)
```
#270657
```
#270657 rgb(39,6,87)
```
#2f0769
```
#2f0769 rgb(47,7,105)
```
#37087b
```
#37087b rgb(55,8,123)
```
#3f098e
```
#3f098e rgb(63,9,142)
```
#480ba0
```
#480ba0 rgb(72,11,160)
```
#500cb3
```
#500cb3 rgb(80,12,179)
```
#580dc5
```
#580dc5 rgb(88,13,197)
```
#600ed7
```
#600ed7 rgb(96,14,215)
```
#680fea
```
#680fea rgb(104,15,234)
```

Shade Color Variation

#731df0
```
#731df0 rgb(115,29,240)
```
#7e2ff1
```
#7e2ff1 rgb(126,47,241)
```
#8a42f3
```
#8a42f3 rgb(138,66,243)
```
#9554f4
```
#9554f4 rgb(149,84,244)
```
#a066f5
```
#a066f5 rgb(160,102,245)
```
#ac79f6
```
#ac79f6 rgb(172,121,246)
```
#b78bf7
```
#b78bf7 rgb(183,139,247)
```
#c39ef9
```
#c39ef9 rgb(195,158,249)
```
#ceb0fa
```
#ceb0fa rgb(206,176,250)
```
#d9c2fb
```
#d9c2fb rgb(217,194,251)
```
#e5d5fc
```
#e5d5fc rgb(229,213,252)
```
#f0e7fd
```
#f0e7fd rgb(240,231,253)
```
#fcfaff
```
#fcfaff rgb(252,250,255)
```

Tint Color Variation

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

#68666c
```
#68666c rgb(104,102,108)
```
#675e74
```
#675e74 rgb(103,94,116)
```
#65567c
```
#65567c rgb(101,86,124)
```
#644e84
```
#644e84 rgb(100,78,132)
```
#62468c
```
#62468c rgb(98,70,140)
```
#613d95
```
#613d95 rgb(97,61,149)
```
#5f359d
```
#5f359d rgb(95,53,157)
```
#5e2da5
```
#5e2da5 rgb(94,45,165)
```
#5c25ad
```
#5c25ad rgb(92,37,173)
```
#5b1db5
```
#5b1db5 rgb(91,29,181)
```
#5915bd
```
#5915bd rgb(89,21,189)
```
#580dc5
```
#580dc5 rgb(88,13,197)
```
#5705cd
```
#5705cd rgb(87,5,205)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#3e2f54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e98 Protanopia 1% of men
#005384 Deuteranopia 1% of men
#2c575d Tritanopia 0.001% of the population

Trichromacy

#2036a8 Protanomaly 1% of men, 0.01% of women
#20399c Deuteranomaly 6% of men, 0.4% of women
#3c3c83 Tritanomaly 0.01% of the population

#580dc5 hex color

#580dc5 Color Information

#580dc5 Color Conversion

Color Schemes with #580dc5

Alternatives to #580dc5

#580dc5 Preview

Shades and Tints of #580dc5

Tones of #580dc5

Color Blindness Simulator