colorhexa.com

#580cd1 hex color

In a RGB color space, hex #580cd1 is composed of 34.5% red, 4.7% green and 82% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 94.3% magenta, 0% yellow and 18% black. It has a hue angle of 263.1 degrees, a saturation of 89.1% and a lightness of 43.3%. #580cd1 color hex could be obtained by blending #b018ff with #0000a3. Closest websafe color is: #6600cc.

- R 35
- G 5
- B 82
RGB color chart
- C 58
- M 94
- Y 0
- K 18
CMYK color chart

● #580cd1 color description : Strong violet.

The hexadecimal color #580cd1 has RGB values of R:88, G:12, B:209 and CMYK values of C:0.58, M:0.94, Y:0, K:0.18. Its decimal value is 5770449.

Hex triplet	580cd1	`#580cd1`
RGB Decimal	88, 12, 209	`rgb(88,12,209)`
RGB Percent	34.5, 4.7, 82	`rgb(34.5%,4.7%,82%)`
CMYK	58, 94, 0, 18
HSL	263.1°, 89.1, 43.3	`hsl(263.1,89.1%,43.3%)`
HSV (or HSB)	263.1°, 94.3, 82
Web Safe	6600cc	`#6600cc`

CIE-LAB	31.672, 68.642, -82.531
XYZ	15.663, 6.941, 60.832
xyY	0.188, 0.083, 6.941
CIE-LCH	31.672, 107.345, 309.75
CIE-LUV	31.672, 3.881, -107.741
Hunter-Lab	26.345, 60.016, -118.462
Binary	01011000, 00001100, 11010001

#580cd1
```
#580cd1 rgb(88,12,209)
```
#85d10c
```
#85d10c rgb(133,209,12)
```

Complementary Color

#0c23d1
```
#0c23d1 rgb(12,35,209)
```
#580cd1
```
#580cd1 rgb(88,12,209)
```
#bb0cd1
```
#bb0cd1 rgb(187,12,209)
```

Analogous Color

#23d10c
```
#23d10c rgb(35,209,12)
```
#580cd1
```
#580cd1 rgb(88,12,209)
```
#d1bb0c
```
#d1bb0c rgb(209,187,12)
```

Split Complementary Color

#0cd158
```
#0cd158 rgb(12,209,88)
```
#580cd1
```
#580cd1 rgb(88,12,209)
```
#d1580c
```
#d1580c rgb(209,88,12)
```

Triadic Color

#0c85d1
```
#0c85d1 rgb(12,133,209)
```
#580cd1
```
#580cd1 rgb(88,12,209)
```
#d1580c
```
#d1580c rgb(209,88,12)
```
#85d10c
```
#85d10c rgb(133,209,12)
```

Tetradic Color

#3a0889
```
#3a0889 rgb(58,8,137)
```
#4409a1
```
#4409a1 rgb(68,9,161)
```
#4e0bb9
```
#4e0bb9 rgb(78,11,185)
```
#580cd1
```
#580cd1 rgb(88,12,209)
```
#620de9
```
#620de9 rgb(98,13,233)
```
#701ef2
```
#701ef2 rgb(112,30,242)
```
#7f36f3
```
#7f36f3 rgb(127,54,243)
```

Monochromatic Color

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

#270cd1
```
#270cd1 rgb(39,12,209)
```
#370cd1
```
#370cd1 rgb(55,12,209)
```
#480cd1
```
#480cd1 rgb(72,12,209)
```
#580cd1
```
#580cd1 rgb(88,12,209)
```
#680cd1
```
#680cd1 rgb(104,12,209)
```
#790cd1
```
#790cd1 rgb(121,12,209)
```
#890cd1
```
#890cd1 rgb(137,12,209)
```

Similar Colors

Text with hexadecimal color #580cd1

This text has a font color of #580cd1.

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

#580cd1 background color

This paragraph has a background color of #580cd1.

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

#580cd1 border color

This element has a border color of #580cd1.

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

CSS codes

.text {color:#580cd1;}

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

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

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

#020005
```
#020005 rgb(2,0,5)
```
#0a0117
```
#0a0117 rgb(10,1,23)
```
#12022a
```
#12022a rgb(18,2,42)
```
#1a033d
```
#1a033d rgb(26,3,61)
```
#21054f
```
#21054f rgb(33,5,79)
```
#290662
```
#290662 rgb(41,6,98)
```
#310774
```
#310774 rgb(49,7,116)
```
#390887
```
#390887 rgb(57,8,135)
```
#410999
```
#410999 rgb(65,9,153)
```
#480aac
```
#480aac rgb(72,10,172)
```
#500bbe
```
#500bbe rgb(80,11,190)
```
#580cd1
```
#580cd1 rgb(88,12,209)
```
#600de4
```
#600de4 rgb(96,13,228)
```

Shade Color Variation

#6913f1
```
#6913f1 rgb(105,19,241)
```
#7425f3
```
#7425f3 rgb(116,37,243)
```
#8038f4
```
#8038f4 rgb(128,56,244)
```
#8c4af5
```
#8c4af5 rgb(140,74,245)
```
#985df6
```
#985df6 rgb(152,93,246)
```
#a470f7
```
#a470f7 rgb(164,112,247)
```
#b082f8
```
#b082f8 rgb(176,130,248)
```
#bb95f9
```
#bb95f9 rgb(187,149,249)
```
#c7a7fa
```
#c7a7fa rgb(199,167,250)
```
#d3bafb
```
#d3bafb rgb(211,186,251)
```
#dfccfc
```
#dfccfc rgb(223,204,252)
```
#ebdffd
```
#ebdffd rgb(235,223,253)
```
#f6f1fe
```
#f6f1fe rgb(246,241,254)
```

Tint Color Variation

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

#6d6a74
```
#6d6a74 rgb(109,106,116)
```
#6b617c
```
#6b617c rgb(107,97,124)
```
#695985
```
#695985 rgb(105,89,133)
```
#68508d
```
#68508d rgb(104,80,141)
```
#664896
```
#664896 rgb(102,72,150)
```
#643f9e
```
#643f9e rgb(100,63,158)
```
#6237a7
```
#6237a7 rgb(98,55,167)
```
#602eaf
```
#602eaf rgb(96,46,175)
```
#5e26b8
```
#5e26b8 rgb(94,38,184)
```
#5c1dc0
```
#5c1dc0 rgb(92,29,192)
```
#5a15c9
```
#5a15c9 rgb(90,21,201)
```
#580cd1
```
#580cd1 rgb(88,12,209)
```
#5604da
```
#5604da rgb(86,4,218)
```

Tone Color Variation

Below, you can see how #580cd1 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
#3f3057 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#005689 Deuteranopia 1% of men
#175b62 Tritanopia 0.001% of the population

Trichromacy

#2038b0 Protanomaly 1% of men, 0.01% of women
#203ba3 Deuteranomaly 6% of men, 0.4% of women
#2f3e8a Tritanomaly 0.01% of the population