#580bb7 hex color

In a RGB color space, hex #580bb7 is composed of 34.5% red, 4.3% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 94% magenta, 0% yellow and 28.2% black. It has a hue angle of 266.9 degrees, a saturation of 88.7% and a lightness of 38%. #580bb7 color hex could be obtained by blending #b016ff with #00006f. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 35
- G 4
- B 72
RGB color chart
- C 52
- M 94
- Y 0
- K 28
CMYK color chart

● #580bb7 color description : Strong violet.

The hexadecimal color #580bb7 has RGB values of R:88, G:11, B:183 and CMYK values of C:0.52, M:0.94, Y:0, K:0.28. Its decimal value is 5770167.

Hex triplet	580bb7	`#580bb7`
RGB Decimal	88, 11, 183	`rgb(88,11,183)`
RGB Percent	34.5, 4.3, 71.8	`rgb(34.5%,4.3%,71.8%)`
CMYK	52, 94, 0, 28
HSL	266.9°, 88.7, 38	`hsl(266.9,88.7%,38%)`
HSV (or HSB)	266.9°, 94, 71.8
Web Safe	6600cc	`#6600cc`

CIE-LAB	28.728, 62.757, -72.117
XYZ	12.69, 5.733, 45.235
xyY	0.199, 0.09, 5.733
CIE-LCH	28.728, 95.6, 311.03
CIE-LUV	28.728, 6.993, -92.697
Hunter-Lab	23.943, 52.704, -95.254
Binary	01011000, 00001011, 10110111

#580bb7
```
#580bb7 rgb(88,11,183)
```
#6ab70b
```
#6ab70b rgb(106,183,11)
```

Complementary Color

#0b14b7
```
#0b14b7 rgb(11,20,183)
```
#580bb7
```
#580bb7 rgb(88,11,183)
```
#ae0bb7
```
#ae0bb7 rgb(174,11,183)
```

Analogous Color

#14b70b
```
#14b70b rgb(20,183,11)
```
#580bb7
```
#580bb7 rgb(88,11,183)
```
#b7ae0b
```
#b7ae0b rgb(183,174,11)
```

Split Complementary Color

#0bb758
```
#0bb758 rgb(11,183,88)
```
#580bb7
```
#580bb7 rgb(88,11,183)
```
#b7580b
```
#b7580b rgb(183,88,11)
```

Triadic Color

#0b6ab7
```
#0b6ab7 rgb(11,106,183)
```
#580bb7
```
#580bb7 rgb(88,11,183)
```
#b7580b
```
#b7580b rgb(183,88,11)
```
#6ab70b
```
#6ab70b rgb(106,183,11)
```

Tetradic Color

#35076f
```
#35076f rgb(53,7,111)
```
#410887
```
#410887 rgb(65,8,135)
```
#4c0a9f
```
#4c0a9f rgb(76,10,159)
```
#580bb7
```
#580bb7 rgb(88,11,183)
```
#640ccf
```
#640ccf rgb(100,12,207)
```
#6f0ee7
```
#6f0ee7 rgb(111,14,231)
```
#7c1df1
```
#7c1df1 rgb(124,29,241)
```

Monochromatic Color

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

#2d0bb7
```
#2d0bb7 rgb(45,11,183)
```
#3b0bb7
```
#3b0bb7 rgb(59,11,183)
```
#4a0bb7
```
#4a0bb7 rgb(74,11,183)
```
#580bb7
```
#580bb7 rgb(88,11,183)
```
#660bb7
```
#660bb7 rgb(102,11,183)
```
#750bb7
```
#750bb7 rgb(117,11,183)
```
#830bb7
```
#830bb7 rgb(131,11,183)
```

Similar Colors

Text with hexadecimal color #580bb7

This text has a font color of #580bb7.

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

#580bb7 background color

This paragraph has a background color of #580bb7.

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

#580bb7 border color

This element has a border color of #580bb7.

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

CSS codes

.text {color:#580bb7;}

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

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

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

#080110
```
#080110 rgb(8,1,16)
```
#110223
```
#110223 rgb(17,2,35)
```
#1a0335
```
#1a0335 rgb(26,3,53)
```
#230448
```
#230448 rgb(35,4,72)
```
#2c055a
```
#2c055a rgb(44,5,90)
```
#34076d
```
#34076d rgb(52,7,109)
```
#3d087f
```
#3d087f rgb(61,8,127)
```
#460992
```
#460992 rgb(70,9,146)
```
#4f0aa4
```
#4f0aa4 rgb(79,10,164)
```
#580bb7
```
#580bb7 rgb(88,11,183)
```
#610cca
```
#610cca rgb(97,12,202)
```
#6a0ddc
```
#6a0ddc rgb(106,13,220)
```
#730eef
```
#730eef rgb(115,14,239)
```

Shade Color Variation

#7d1ff2
```
#7d1ff2 rgb(125,31,242)
```
#8831f3
```
#8831f3 rgb(136,49,243)
```
#9344f4
```
#9344f4 rgb(147,68,244)
```
#9d56f5
```
#9d56f5 rgb(157,86,245)
```
#a869f6
```
#a869f6 rgb(168,105,246)
```
#b37bf7
```
#b37bf7 rgb(179,123,247)
```
#be8ef8
```
#be8ef8 rgb(190,142,248)
```
#c8a0f9
```
#c8a0f9 rgb(200,160,249)
```
#d3b3fa
```
#d3b3fa rgb(211,179,250)
```
#dec5fc
```
#dec5fc rgb(222,197,252)
```
#e8d8fd
```
#e8d8fd rgb(232,216,253)
```
#f3eafe
```
#f3eafe rgb(243,234,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #615d65 is the less saturated color, while #5704be is the most saturated one.

#615d65
```
#615d65 rgb(97,93,101)
```
#60566c
```
#60566c rgb(96,86,108)
```
#5f4e74
```
#5f4e74 rgb(95,78,116)
```
#5e477b
```
#5e477b rgb(94,71,123)
```
#5d3f83
```
#5d3f83 rgb(93,63,131)
```
#5d388a
```
#5d388a rgb(93,56,138)
```
#5c3092
```
#5c3092 rgb(92,48,146)
```
#5b2999
```
#5b2999 rgb(91,41,153)
```
#5a21a1
```
#5a21a1 rgb(90,33,161)
```
#5a1aa8
```
#5a1aa8 rgb(90,26,168)
```
#5912b0
```
#5912b0 rgb(89,18,176)
```
#580bb7
```
#580bb7 rgb(88,11,183)
```
#5704be
```
#5704be rgb(87,4,190)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#3d2d50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#004f7f Deuteranopia 1% of men
#395157 Tritanopia 0.001% of the population

Trichromacy

#20339f Protanomaly 1% of men, 0.01% of women
#203693 Deuteranomaly 6% of men, 0.4% of women
#44377a Tritanomaly 0.01% of the population

#580bb7 hex color

#580bb7 Color Information

#580bb7 Color Conversion

Color Schemes with #580bb7

Alternatives to #580bb7

#580bb7 Preview

Shades and Tints of #580bb7

Tones of #580bb7

Color Blindness Simulator