#580dc2 hex color

In a RGB color space, hex #580dc2 is composed of 34.5% red, 5.1% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 54.6% cyan, 93.3% magenta, 0% yellow and 23.9% black. It has a hue angle of 264.9 degrees, a saturation of 87.4% and a lightness of 40.6%. #580dc2 color hex could be obtained by blending #b01aff with #000085. Closest websafe color is: #6600cc.

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

● #580dc2 color description : Strong violet.

The hexadecimal color #580dc2 has RGB values of R:88, G:13, B:194 and CMYK values of C:0.55, M:0.93, Y:0, K:0.24. Its decimal value is 5770690.

Hex triplet	580dc2	`#580dc2`
RGB Decimal	88, 13, 194	`rgb(88,13,194)`
RGB Percent	34.5, 5.1, 76.1	`rgb(34.5%,5.1%,76.1%)`
CMYK	55, 93, 0, 24
HSL	264.9°, 87.4, 40.6	`hsl(264.9,87.4%,40.6%)`
HSV (or HSB)	264.9°, 93.3, 76.1
Web Safe	6600cc	`#6600cc`

CIE-LAB	30.053, 64.952, -76.438
XYZ	13.904, 6.257, 51.511
xyY	0.194, 0.087, 6.257
CIE-LCH	30.053, 100.308, 310.356
CIE-LUV	30.053, 5.547, -99.091
Hunter-Lab	25.015, 55.443, -104.582
Binary	01011000, 00001101, 11000010

#580dc2
```
#580dc2 rgb(88,13,194)
```
#77c20d
```
#77c20d rgb(119,194,13)
```

Complementary Color

#0d1dc2
```
#0d1dc2 rgb(13,29,194)
```
#580dc2
```
#580dc2 rgb(88,13,194)
```
#b30dc2
```
#b30dc2 rgb(179,13,194)
```

Analogous Color

#1cc20d
```
#1cc20d rgb(28,194,13)
```
#580dc2
```
#580dc2 rgb(88,13,194)
```
#c2b30d
```
#c2b30d rgb(194,179,13)
```

Split Complementary Color

#0dc258
```
#0dc258 rgb(13,194,88)
```
#580dc2
```
#580dc2 rgb(88,13,194)
```
#c2580d
```
#c2580d rgb(194,88,13)
```

Triadic Color

#0d77c2
```
#0d77c2 rgb(13,119,194)
```
#580dc2
```
#580dc2 rgb(88,13,194)
```
#c2580d
```
#c2580d rgb(194,88,13)
```
#77c20d
```
#77c20d rgb(119,194,13)
```

Tetradic Color

#37087a
```
#37087a rgb(55,8,122)
```
#420a92
```
#420a92 rgb(66,10,146)
```
#4d0baa
```
#4d0baa rgb(77,11,170)
```
#580dc2
```
#580dc2 rgb(88,13,194)
```
#630fda
```
#630fda rgb(99,15,218)
```
#6e13ef
```
#6e13ef rgb(110,19,239)
```
#7d2bf1
```
#7d2bf1 rgb(125,43,241)
```

Monochromatic Color

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

#2b0dc2
```
#2b0dc2 rgb(43,13,194)
```
#3a0dc2
```
#3a0dc2 rgb(58,13,194)
```
#490dc2
```
#490dc2 rgb(73,13,194)
```
#580dc2
```
#580dc2 rgb(88,13,194)
```
#670dc2
```
#670dc2 rgb(103,13,194)
```
#760dc2
```
#760dc2 rgb(118,13,194)
```
#850dc2
```
#850dc2 rgb(133,13,194)
```

Similar Colors

Text with hexadecimal color #580dc2

This text has a font color of #580dc2.

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

#580dc2 background color

This paragraph has a background color of #580dc2.

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

#580dc2 border color

This element has a border color of #580dc2.

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

CSS codes

.text {color:#580dc2;}

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

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

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

#05010a
```
#05010a rgb(5,1,10)
```
#0d021d
```
#0d021d rgb(13,2,29)
```
#15032f
```
#15032f rgb(21,3,47)
```
#1e0441
```
#1e0441 rgb(30,4,65)
```
#260654
```
#260654 rgb(38,6,84)
```
#2e0766
```
#2e0766 rgb(46,7,102)
```
#370878
```
#370878 rgb(55,8,120)
```
#3f098b
```
#3f098b rgb(63,9,139)
```
#470b9d
```
#470b9d rgb(71,11,157)
```
#500cb0
```
#500cb0 rgb(80,12,176)
```
#580dc2
```
#580dc2 rgb(88,13,194)
```
#600ed4
```
#600ed4 rgb(96,14,212)
```
#690fe7
```
#690fe7 rgb(105,15,231)
```

Shade Color Variation

#731af0
```
#731af0 rgb(115,26,240)
```
#7e2df1
```
#7e2df1 rgb(126,45,241)
```
#893ff2
```
#893ff2 rgb(137,63,242)
```
#9451f3
```
#9451f3 rgb(148,81,243)
```
#a064f5
```
#a064f5 rgb(160,100,245)
```
#ab76f6
```
#ab76f6 rgb(171,118,246)
```
#b688f7
```
#b688f7 rgb(182,136,247)
```
#c29bf8
```
#c29bf8 rgb(194,155,248)
```
#cdadfa
```
#cdadfa rgb(205,173,250)
```
#d8c0fb
```
#d8c0fb rgb(216,192,251)
```
#e3d2fc
```
#e3d2fc rgb(227,210,252)
```
#efe4fd
```
#efe4fd rgb(239,228,253)
```
#faf7fe
```
#faf7fe rgb(250,247,254)
```

Tint Color Variation

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

#67656a
```
#67656a rgb(103,101,106)
```
#665d72
```
#665d72 rgb(102,93,114)
```
#64557a
```
#64557a rgb(100,85,122)
```
#634d82
```
#634d82 rgb(99,77,130)
```
#62458a
```
#62458a rgb(98,69,138)
```
#603d92
```
#603d92 rgb(96,61,146)
```
#5f359a
```
#5f359a rgb(95,53,154)
```
#5d2da2
```
#5d2da2 rgb(93,45,162)
```
#5c25aa
```
#5c25aa rgb(92,37,170)
```
#5b1db2
```
#5b1db2 rgb(91,29,178)
```
#5915ba
```
#5915ba rgb(89,21,186)
```
#580dc2
```
#580dc2 rgb(88,13,194)
```
#5705ca
```
#5705ca rgb(87,5,202)
```

Tone Color Variation

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

#004e97 Protanopia 1% of men
#005283 Deuteranopia 1% of men
#2f555c Tritanopia 0.001% of the population

Trichromacy

#2036a6 Protanomaly 1% of men, 0.01% of women
#20399a Deuteranomaly 6% of men, 0.4% of women
#3e3b81 Tritanomaly 0.01% of the population

#580dc2 hex color

#580dc2 Color Information

#580dc2 Color Conversion

Color Schemes with #580dc2

Alternatives to #580dc2

#580dc2 Preview

Shades and Tints of #580dc2

Tones of #580dc2

Color Blindness Simulator