#580ccc hex color

In a RGB color space, hex #580ccc is composed of 34.5% red, 4.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 94.1% magenta, 0% yellow and 20% black. It has a hue angle of 263.8 degrees, a saturation of 88.9% and a lightness of 42.4%. #580ccc color hex could be obtained by blending #b018ff with #000099. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 35
- G 5
- B 80
RGB color chart
- C 57
- M 94
- Y 0
- K 20
CMYK color chart

● #580ccc color description : Strong violet.

The hexadecimal color #580ccc has RGB values of R:88, G:12, B:204 and CMYK values of C:0.57, M:0.94, Y:0, K:0.2. Its decimal value is 5770444.

Hex triplet	580ccc	`#580ccc`
RGB Decimal	88, 12, 204	`rgb(88,12,204)`
RGB Percent	34.5, 4.7, 80	`rgb(34.5%,4.7%,80%)`
CMYK	57, 94, 0, 20
HSL	263.8°, 88.9, 42.4	`hsl(263.8,88.9%,42.4%)`
HSV (or HSB)	263.8°, 94.1, 80
Web Safe	6600cc	`#6600cc`

CIE-LAB	31.107, 67.473, -80.555
XYZ	15.053, 6.697, 57.623
xyY	0.19, 0.084, 6.697
CIE-LCH	31.107, 105.08, 309.95
CIE-LUV	31.107, 4.432, -104.87
Hunter-Lab	25.878, 58.543, -113.905
Binary	01011000, 00001100, 11001100

#580ccc
```
#580ccc rgb(88,12,204)
```
#80cc0c
```
#80cc0c rgb(128,204,12)
```

Complementary Color

#0c20cc
```
#0c20cc rgb(12,32,204)
```
#580ccc
```
#580ccc rgb(88,12,204)
```
#b80ccc
```
#b80ccc rgb(184,12,204)
```

Analogous Color

#20cc0c
```
#20cc0c rgb(32,204,12)
```
#580ccc
```
#580ccc rgb(88,12,204)
```
#ccb80c
```
#ccb80c rgb(204,184,12)
```

Split Complementary Color

#0ccc58
```
#0ccc58 rgb(12,204,88)
```
#580ccc
```
#580ccc rgb(88,12,204)
```
#cc580c
```
#cc580c rgb(204,88,12)
```

Triadic Color

#0c80cc
```
#0c80cc rgb(12,128,204)
```
#580ccc
```
#580ccc rgb(88,12,204)
```
#cc580c
```
#cc580c rgb(204,88,12)
```
#80cc0c
```
#80cc0c rgb(128,204,12)
```

Tetradic Color

#390884
```
#390884 rgb(57,8,132)
```
#43099c
```
#43099c rgb(67,9,156)
```
#4e0bb4
```
#4e0bb4 rgb(78,11,180)
```
#580ccc
```
#580ccc rgb(88,12,204)
```
#620de4
```
#620de4 rgb(98,13,228)
```
#6f1af2
```
#6f1af2 rgb(111,26,242)
```
#7e32f3
```
#7e32f3 rgb(126,50,243)
```

Monochromatic Color

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

#280ccc
```
#280ccc rgb(40,12,204)
```
#380ccc
```
#380ccc rgb(56,12,204)
```
#480ccc
```
#480ccc rgb(72,12,204)
```
#580ccc
```
#580ccc rgb(88,12,204)
```
#680ccc
```
#680ccc rgb(104,12,204)
```
#780ccc
```
#780ccc rgb(120,12,204)
```
#880ccc
```
#880ccc rgb(136,12,204)
```

Similar Colors

Text with hexadecimal color #580ccc

This text has a font color of #580ccc.

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

#580ccc background color

This paragraph has a background color of #580ccc.

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

#580ccc border color

This element has a border color of #580ccc.

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

CSS codes

.text {color:#580ccc;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#080113
```
#080113 rgb(8,1,19)
```
#100225
```
#100225 rgb(16,2,37)
```
#180338
```
#180338 rgb(24,3,56)
```
#20044a
```
#20044a rgb(32,4,74)
```
#28055d
```
#28055d rgb(40,5,93)
```
#30076f
```
#30076f rgb(48,7,111)
```
#380882
```
#380882 rgb(56,8,130)
```
#400994
```
#400994 rgb(64,9,148)
```
#480aa7
```
#480aa7 rgb(72,10,167)
```
#500bb9
```
#500bb9 rgb(80,11,185)
```
#580ccc
```
#580ccc rgb(88,12,204)
```
#600ddf
```
#600ddf rgb(96,13,223)
```

Shade Color Variation

#680ef1
```
#680ef1 rgb(104,14,241)
```
#7421f2
```
#7421f2 rgb(116,33,242)
```
#7f33f3
```
#7f33f3 rgb(127,51,243)
```
#8b46f4
```
#8b46f4 rgb(139,70,244)
```
#9758f5
```
#9758f5 rgb(151,88,245)
```
#a26bf6
```
#a26bf6 rgb(162,107,246)
```
#ae7ef7
```
#ae7ef7 rgb(174,126,247)
```
#b990f8
```
#b990f8 rgb(185,144,248)
```
#c5a3fa
```
#c5a3fa rgb(197,163,250)
```
#d1b5fb
```
#d1b5fb rgb(209,181,251)
```
#dcc8fc
```
#dcc8fc rgb(220,200,252)
```
#e8dafd
```
#e8dafd rgb(232,218,253)
```
#f4edfe
```
#f4edfe rgb(244,237,254)
```

Tint Color Variation

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

#6b6771
```
#6b6771 rgb(107,103,113)
```
#695f79
```
#695f79 rgb(105,95,121)
```
#685781
```
#685781 rgb(104,87,129)
```
#664e8a
```
#664e8a rgb(102,78,138)
```
#644692
```
#644692 rgb(100,70,146)
```
#623e9a
```
#623e9a rgb(98,62,154)
```
#6136a2
```
#6136a2 rgb(97,54,162)
```
#5f2dab
```
#5f2dab rgb(95,45,171)
```
#5d25b3
```
#5d25b3 rgb(93,37,179)
```
#5b1dbb
```
#5b1dbb rgb(91,29,187)
```
#5a14c4
```
#5a14c4 rgb(90,20,196)
```
#580ccc
```
#580ccc rgb(88,12,204)
```
#5604d4
```
#5604d4 rgb(86,4,212)
```

Tone Color Variation

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

Dichromacy

#00509b Protanopia 1% of men
#005587 Deuteranopia 1% of men
#225960 Tritanopia 0.001% of the population

Trichromacy

#2037ad Protanomaly 1% of men, 0.01% of women
#203aa0 Deuteranomaly 6% of men, 0.4% of women
#363d87 Tritanomaly 0.01% of the population

#580ccc hex color

#580ccc Color Information

#580ccc Color Conversion

Color Schemes with #580ccc

Alternatives to #580ccc

#580ccc Preview

Shades and Tints of #580ccc

Tones of #580ccc

Color Blindness Simulator