#580bb8 hex color

In a RGB color space, hex #580bb8 is composed of 34.5% red, 4.3% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 94% magenta, 0% yellow and 27.8% black. It has a hue angle of 266.7 degrees, a saturation of 88.7% and a lightness of 38.2%. #580bb8 color hex could be obtained by blending #b016ff with #000071. 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

● #580bb8 color description : Strong violet.

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

Hex triplet	580bb8	`#580bb8`
RGB Decimal	88, 11, 184	`rgb(88,11,184)`
RGB Percent	34.5, 4.3, 72.2	`rgb(34.5%,4.3%,72.2%)`
CMYK	52, 94, 0, 28
HSL	266.7°, 88.7, 38.2	`hsl(266.7,88.7%,38.2%)`
HSV (or HSB)	266.7°, 94, 72.2
Web Safe	6600cc	`#6600cc`

CIE-LAB	28.836, 62.989, -72.533
XYZ	12.794, 5.775, 45.785
xyY	0.199, 0.09, 5.775
CIE-LCH	28.836, 96.066, 310.972
CIE-LUV	28.836, 6.864, -93.282
Hunter-Lab	24.03, 52.985, -96.144
Binary	01011000, 00001011, 10111000

#580bb8
```
#580bb8 rgb(88,11,184)
```
#6bb80b
```
#6bb80b rgb(107,184,11)
```

Complementary Color

#0b15b8
```
#0b15b8 rgb(11,21,184)
```
#580bb8
```
#580bb8 rgb(88,11,184)
```
#af0bb8
```
#af0bb8 rgb(175,11,184)
```

Analogous Color

#15b80b
```
#15b80b rgb(21,184,11)
```
#580bb8
```
#580bb8 rgb(88,11,184)
```
#b8af0b
```
#b8af0b rgb(184,175,11)
```

Split Complementary Color

#0bb858
```
#0bb858 rgb(11,184,88)
```
#580bb8
```
#580bb8 rgb(88,11,184)
```
#b8580b
```
#b8580b rgb(184,88,11)
```

Triadic Color

#0b6bb8
```
#0b6bb8 rgb(11,107,184)
```
#580bb8
```
#580bb8 rgb(88,11,184)
```
#b8580b
```
#b8580b rgb(184,88,11)
```
#6bb80b
```
#6bb80b rgb(107,184,11)
```

Tetradic Color

#350770
```
#350770 rgb(53,7,112)
```
#410888
```
#410888 rgb(65,8,136)
```
#4c0aa0
```
#4c0aa0 rgb(76,10,160)
```
#580bb8
```
#580bb8 rgb(88,11,184)
```
#640cd0
```
#640cd0 rgb(100,12,208)
```
#6f0ee8
```
#6f0ee8 rgb(111,14,232)
```
#7c1ef2
```
#7c1ef2 rgb(124,30,242)
```

Monochromatic Color

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

#2d0bb8
```
#2d0bb8 rgb(45,11,184)
```
#3b0bb8
```
#3b0bb8 rgb(59,11,184)
```
#4a0bb8
```
#4a0bb8 rgb(74,11,184)
```
#580bb8
```
#580bb8 rgb(88,11,184)
```
#660bb8
```
#660bb8 rgb(102,11,184)
```
#750bb8
```
#750bb8 rgb(117,11,184)
```
#830bb8
```
#830bb8 rgb(131,11,184)
```

Similar Colors

Text with hexadecimal color #580bb8

This text has a font color of #580bb8.

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

#580bb8 background color

This paragraph has a background color of #580bb8.

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

#580bb8 border color

This element has a border color of #580bb8.

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

CSS codes

.text {color:#580bb8;}

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

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

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

#080111
```
#080111 rgb(8,1,17)
```
#110224
```
#110224 rgb(17,2,36)
```
#1a0336
```
#1a0336 rgb(26,3,54)
```
#230449
```
#230449 rgb(35,4,73)
```
#2c055b
```
#2c055b rgb(44,5,91)
```
#35076e
```
#35076e rgb(53,7,110)
```
#3d0880
```
#3d0880 rgb(61,8,128)
```
#460993
```
#460993 rgb(70,9,147)
```
#4f0aa5
```
#4f0aa5 rgb(79,10,165)
```
#580bb8
```
#580bb8 rgb(88,11,184)
```
#610ccb
```
#610ccb rgb(97,12,203)
```
#6a0ddd
```
#6a0ddd rgb(106,13,221)
```
#730ef0
```
#730ef0 rgb(115,14,240)
```

Shade Color Variation

#7d20f2
```
#7d20f2 rgb(125,32,242)
```
#8832f3
```
#8832f3 rgb(136,50,243)
```
#9345f4
```
#9345f4 rgb(147,69,244)
```
#9d57f5
```
#9d57f5 rgb(157,87,245)
```
#a86af6
```
#a86af6 rgb(168,106,246)
```
#b37cf7
```
#b37cf7 rgb(179,124,247)
```
#be8ff8
```
#be8ff8 rgb(190,143,248)
```
#c9a1f9
```
#c9a1f9 rgb(201,161,249)
```
#d3b4fb
```
#d3b4fb rgb(211,180,251)
```
#dec6fc
```
#dec6fc rgb(222,198,252)
```
#e9d9fd
```
#e9d9fd rgb(233,217,253)
```
#f4ebfe
```
#f4ebfe rgb(244,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#615e66
```
#615e66 rgb(97,94,102)
```
#60566d
```
#60566d rgb(96,86,109)
```
#5f4f75
```
#5f4f75 rgb(95,79,117)
```
#5f477c
```
#5f477c rgb(95,71,124)
```
#5e4084
```
#5e4084 rgb(94,64,132)
```
#5d388b
```
#5d388b rgb(93,56,139)
```
#5c3193
```
#5c3193 rgb(92,49,147)
```
#5b299a
```
#5b299a rgb(91,41,154)
```
#5a22a2
```
#5a22a2 rgb(90,34,162)
```
#5a1aa9
```
#5a1aa9 rgb(90,26,169)
```
#5913b1
```
#5913b1 rgb(89,19,177)
```
#580bb8
```
#580bb8 rgb(88,11,184)
```
#5703c0
```
#5703c0 rgb(87,3,192)
```

Tone Color Variation

Below, you can see how #580bb8 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
#385157 Tritanopia 0.001% of the population

Trichromacy

#2034a0 Protanomaly 1% of men, 0.01% of women
#203693 Deuteranomaly 6% of men, 0.4% of women
#43377a Tritanomaly 0.01% of the population

#580bb8 hex color

#580bb8 Color Information

#580bb8 Color Conversion

Color Schemes with #580bb8

Alternatives to #580bb8

#580bb8 Preview

Shades and Tints of #580bb8

Tones of #580bb8

Color Blindness Simulator