#580bbc hex color

In a RGB color space, hex #580bbc is composed of 34.5% red, 4.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 94.1% magenta, 0% yellow and 26.3% black. It has a hue angle of 266.1 degrees, a saturation of 88.9% and a lightness of 39%. #580bbc color hex could be obtained by blending #b016ff with #000079. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 35
- G 4
- B 74
RGB color chart
- C 53
- M 94
- Y 0
- K 26
CMYK color chart

● #580bbc color description : Strong violet.

The hexadecimal color #580bbc has RGB values of R:88, G:11, B:188 and CMYK values of C:0.53, M:0.94, Y:0, K:0.26. Its decimal value is 5770172.

Hex triplet	580bbc	`#580bbc`
RGB Decimal	88, 11, 188	`rgb(88,11,188)`
RGB Percent	34.5, 4.3, 73.7	`rgb(34.5%,4.3%,73.7%)`
CMYK	53, 94, 0, 26
HSL	266.1°, 88.9, 39	`hsl(266.1,88.9%,39%)`
HSV (or HSB)	266.1°, 94.1, 73.7
Web Safe	6600cc	`#6600cc`

CIE-LAB	29.273, 63.918, -74.185
XYZ	13.22, 5.945, 48.025
xyY	0.197, 0.088, 5.945
CIE-LCH	29.273, 97.923, 310.748
CIE-LUV	29.273, 6.358, -95.614
Hunter-Lab	24.382, 54.114, -99.717
Binary	01011000, 00001011, 10111100

#580bbc
```
#580bbc rgb(88,11,188)
```
#6fbc0b
```
#6fbc0b rgb(111,188,11)
```

Complementary Color

#0b16bc
```
#0b16bc rgb(11,22,188)
```
#580bbc
```
#580bbc rgb(88,11,188)
```
#b10bbc
```
#b10bbc rgb(177,11,188)
```

Analogous Color

#16bc0b
```
#16bc0b rgb(22,188,11)
```
#580bbc
```
#580bbc rgb(88,11,188)
```
#bcb10b
```
#bcb10b rgb(188,177,11)
```

Split Complementary Color

#0bbc58
```
#0bbc58 rgb(11,188,88)
```
#580bbc
```
#580bbc rgb(88,11,188)
```
#bc580b
```
#bc580b rgb(188,88,11)
```

Triadic Color

#0b6fbc
```
#0b6fbc rgb(11,111,188)
```
#580bbc
```
#580bbc rgb(88,11,188)
```
#bc580b
```
#bc580b rgb(188,88,11)
```
#6fbc0b
```
#6fbc0b rgb(111,188,11)
```

Tetradic Color

#360774
```
#360774 rgb(54,7,116)
```
#41088c
```
#41088c rgb(65,8,140)
```
#4d0aa4
```
#4d0aa4 rgb(77,10,164)
```
#580bbc
```
#580bbc rgb(88,11,188)
```
#630cd4
```
#630cd4 rgb(99,12,212)
```
#6f0eec
```
#6f0eec rgb(111,14,236)
```
#7c21f2
```
#7c21f2 rgb(124,33,242)
```

Monochromatic Color

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

#2c0bbc
```
#2c0bbc rgb(44,11,188)
```
#3b0bbc
```
#3b0bbc rgb(59,11,188)
```
#490bbc
```
#490bbc rgb(73,11,188)
```
#580bbc
```
#580bbc rgb(88,11,188)
```
#670bbc
```
#670bbc rgb(103,11,188)
```
#760bbc
```
#760bbc rgb(118,11,188)
```
#840bbc
```
#840bbc rgb(132,11,188)
```

Similar Colors

Text with hexadecimal color #580bbc

This text has a font color of #580bbc.

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

#580bbc background color

This paragraph has a background color of #580bbc.

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

#580bbc border color

This element has a border color of #580bbc.

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

CSS codes

.text {color:#580bbc;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#0a0115
```
#0a0115 rgb(10,1,21)
```
#130228
```
#130228 rgb(19,2,40)
```
#1b033a
```
#1b033a rgb(27,3,58)
```
#24044d
```
#24044d rgb(36,4,77)
```
#2d065f
```
#2d065f rgb(45,6,95)
```
#350772
```
#350772 rgb(53,7,114)
```
#3e0884
```
#3e0884 rgb(62,8,132)
```
#470997
```
#470997 rgb(71,9,151)
```
#4f0aa9
```
#4f0aa9 rgb(79,10,169)
```
#580bbc
```
#580bbc rgb(88,11,188)
```
#610ccf
```
#610ccf rgb(97,12,207)
```
#690de1
```
#690de1 rgb(105,13,225)
```

Shade Color Variation

#7211f1
```
#7211f1 rgb(114,17,241)
```
#7d23f2
```
#7d23f2 rgb(125,35,242)
```
#8836f3
```
#8836f3 rgb(136,54,243)
```
#9348f4
```
#9348f4 rgb(147,72,244)
```
#9e5bf5
```
#9e5bf5 rgb(158,91,245)
```
#a96df6
```
#a96df6 rgb(169,109,246)
```
#b480f8
```
#b480f8 rgb(180,128,248)
```
#bf93f9
```
#bf93f9 rgb(191,147,249)
```
#caa5fa
```
#caa5fa rgb(202,165,250)
```
#d5b8fb
```
#d5b8fb rgb(213,184,251)
```
#e0cafc
```
#e0cafc rgb(224,202,252)
```
#ebddfd
```
#ebddfd rgb(235,221,253)
```
#f6effe
```
#f6effe rgb(246,239,254)
```

Tint Color Variation

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

#635f68
```
#635f68 rgb(99,95,104)
```
#62586f
```
#62586f rgb(98,88,111)
```
#615077
```
#615077 rgb(97,80,119)
```
#60487f
```
#60487f rgb(96,72,127)
```
#5f4186
```
#5f4186 rgb(95,65,134)
```
#5e398e
```
#5e398e rgb(94,57,142)
```
#5d3196
```
#5d3196 rgb(93,49,150)
```
#5c2a9d
```
#5c2a9d rgb(92,42,157)
```
#5b22a5
```
#5b22a5 rgb(91,34,165)
```
#5a1aad
```
#5a1aad rgb(90,26,173)
```
#5913b4
```
#5913b4 rgb(89,19,180)
```
#580bbc
```
#580bbc rgb(88,11,188)
```
#5703c4
```
#5703c4 rgb(87,3,196)
```

Tone Color Variation

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

Dichromacy

#004c94 Protanopia 1% of men
#005080 Deuteranopia 1% of men
#355359 Tritanopia 0.001% of the population

Trichromacy

#2034a2 Protanomaly 1% of men, 0.01% of women
#203796 Deuteranomaly 6% of men, 0.4% of women
#41387d Tritanomaly 0.01% of the population

#580bbc hex color

#580bbc Color Information

#580bbc Color Conversion

Color Schemes with #580bbc

Alternatives to #580bbc

#580bbc Preview

Shades and Tints of #580bbc

Tones of #580bbc

Color Blindness Simulator