#580bc8 hex color

In a RGB color space, hex #580bc8 is composed of 34.5% red, 4.3% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 94.5% magenta, 0% yellow and 21.6% black. It has a hue angle of 264.4 degrees, a saturation of 89.6% and a lightness of 41.4%. #580bc8 color hex could be obtained by blending #b016ff with #000091. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 35
- G 4
- B 78
RGB color chart
- C 56
- M 95
- Y 0
- K 22
CMYK color chart

● #580bc8 color description : Strong violet.

The hexadecimal color #580bc8 has RGB values of R:88, G:11, B:200 and CMYK values of C:0.56, M:0.95, Y:0, K:0.22. Its decimal value is 5770184.

Hex triplet	580bc8	`#580bc8`
RGB Decimal	88, 11, 200	`rgb(88,11,200)`
RGB Percent	34.5, 4.3, 78.4	`rgb(34.5%,4.3%,78.4%)`
CMYK	56, 95, 0, 22
HSL	264.4°, 89.6, 41.4	`hsl(264.4,89.6%,41.4%)`
HSV (or HSB)	264.4°, 94.5, 78.4
Web Safe	6600cc	`#6600cc`

CIE-LAB	30.602, 66.71, -79.053
XYZ	14.568, 6.484, 55.124
xyY	0.191, 0.085, 6.484
CIE-LCH	30.602, 103.439, 310.16
CIE-LUV	30.602, 4.922, -102.567
Hunter-Lab	25.463, 57.559, -110.529
Binary	01011000, 00001011, 11001000

#580bc8
```
#580bc8 rgb(88,11,200)
```
#7bc80b
```
#7bc80b rgb(123,200,11)
```

Complementary Color

#0b1dc8
```
#0b1dc8 rgb(11,29,200)
```
#580bc8
```
#580bc8 rgb(88,11,200)
```
#b70bc8
```
#b70bc8 rgb(183,11,200)
```

Analogous Color

#1dc80b
```
#1dc80b rgb(29,200,11)
```
#580bc8
```
#580bc8 rgb(88,11,200)
```
#c8b70b
```
#c8b70b rgb(200,183,11)
```

Split Complementary Color

#0bc858
```
#0bc858 rgb(11,200,88)
```
#580bc8
```
#580bc8 rgb(88,11,200)
```
#c8580b
```
#c8580b rgb(200,88,11)
```

Triadic Color

#0b7bc8
```
#0b7bc8 rgb(11,123,200)
```
#580bc8
```
#580bc8 rgb(88,11,200)
```
#c8580b
```
#c8580b rgb(200,88,11)
```
#7bc80b
```
#7bc80b rgb(123,200,11)
```

Tetradic Color

#38077f
```
#38077f rgb(56,7,127)
```
#430898
```
#430898 rgb(67,8,152)
```
#4d0ab0
```
#4d0ab0 rgb(77,10,176)
```
#580bc8
```
#580bc8 rgb(88,11,200)
```
#630ce0
```
#630ce0 rgb(99,12,224)
```
#6e14f2
```
#6e14f2 rgb(110,20,242)
```
#7d2cf3
```
#7d2cf3 rgb(125,44,243)
```

Monochromatic Color

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

#290bc8
```
#290bc8 rgb(41,11,200)
```
#380bc8
```
#380bc8 rgb(56,11,200)
```
#480bc8
```
#480bc8 rgb(72,11,200)
```
#580bc8
```
#580bc8 rgb(88,11,200)
```
#680bc8
```
#680bc8 rgb(104,11,200)
```
#780bc8
```
#780bc8 rgb(120,11,200)
```
#870bc8
```
#870bc8 rgb(135,11,200)
```

Similar Colors

Text with hexadecimal color #580bc8

This text has a font color of #580bc8.

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

#580bc8 background color

This paragraph has a background color of #580bc8.

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

#580bc8 border color

This element has a border color of #580bc8.

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

CSS codes

.text {color:#580bc8;}

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

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

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

#06010e
```
#06010e rgb(6,1,14)
```
#0e0221
```
#0e0221 rgb(14,2,33)
```
#170333
```
#170333 rgb(23,3,51)
```
#1f0446
```
#1f0446 rgb(31,4,70)
```
#270558
```
#270558 rgb(39,5,88)
```
#2f066b
```
#2f066b rgb(47,6,107)
```
#37077e
```
#37077e rgb(55,7,126)
```
#3f0890
```
#3f0890 rgb(63,8,144)
```
#4809a3
```
#4809a3 rgb(72,9,163)
```
#500ab5
```
#500ab5 rgb(80,10,181)
```
#580bc8
```
#580bc8 rgb(88,11,200)
```
#600cdb
```
#600cdb rgb(96,12,219)
```
#680ded
```
#680ded rgb(104,13,237)
```

Shade Color Variation

#731bf2
```
#731bf2 rgb(115,27,242)
```
#7e2ef4
```
#7e2ef4 rgb(126,46,244)
```
#8a41f5
```
#8a41f5 rgb(138,65,245)
```
#9553f6
```
#9553f6 rgb(149,83,246)
```
#a166f7
```
#a166f7 rgb(161,102,247)
```
#ac78f8
```
#ac78f8 rgb(172,120,248)
```
#b88bf9
```
#b88bf9 rgb(184,139,249)
```
#c39efa
```
#c39efa rgb(195,158,250)
```
#ceb0fb
```
#ceb0fb rgb(206,176,251)
```
#dac3fc
```
#dac3fc rgb(218,195,252)
```
#e5d5fd
```
#e5d5fd rgb(229,213,253)
```
#f1e8fe
```
#f1e8fe rgb(241,232,254)
```
#fcfaff
```
#fcfaff rgb(252,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #69646f is the less saturated color, while #5603d0 is the most saturated one.

#69646f
```
#69646f rgb(105,100,111)
```
#675c77
```
#675c77 rgb(103,92,119)
```
#66547f
```
#66547f rgb(102,84,127)
```
#644c87
```
#644c87 rgb(100,76,135)
```
#63448f
```
#63448f rgb(99,68,143)
```
#613c97
```
#613c97 rgb(97,60,151)
```
#60349f
```
#60349f rgb(96,52,159)
```
#5e2ba8
```
#5e2ba8 rgb(94,43,168)
```
#5d23b0
```
#5d23b0 rgb(93,35,176)
```
#5b1bb8
```
#5b1bb8 rgb(91,27,184)
```
#5a13c0
```
#5a13c0 rgb(90,19,192)
```
#580bc8
```
#580bc8 rgb(88,11,200)
```
#5603d0
```
#5603d0 rgb(86,3,208)
```

Tone Color Variation

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

Dichromacy

#004f99 Protanopia 1% of men
#005385 Deuteranopia 1% of men
#28575e Tritanopia 0.001% of the population

Trichromacy

#2036aa Protanomaly 1% of men, 0.01% of women
#20399d Deuteranomaly 6% of men, 0.4% of women
#393b84 Tritanomaly 0.01% of the population

#580bc8 hex color

#580bc8 Color Information

#580bc8 Color Conversion

Color Schemes with #580bc8

Alternatives to #580bc8

#580bc8 Preview

Shades and Tints of #580bc8

Tones of #580bc8

Color Blindness Simulator