#580fb0 hex color

In a RGB color space, hex #580fb0 is composed of 34.5% red, 5.9% green and 69% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 91.5% magenta, 0% yellow and 31% black. It has a hue angle of 267.2 degrees, a saturation of 84.3% and a lightness of 37.5%. #580fb0 color hex could be obtained by blending #b01eff with #000061. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 35
- G 6
- B 69
RGB color chart
- C 50
- M 91
- Y 0
- K 31
CMYK color chart

● #580fb0 color description : Dark violet.

The hexadecimal color #580fb0 has RGB values of R:88, G:15, B:176 and CMYK values of C:0.5, M:0.91, Y:0, K:0.31. Its decimal value is 5771184.

Hex triplet	580fb0	`#580fb0`
RGB Decimal	88, 15, 176	`rgb(88,15,176)`
RGB Percent	34.5, 5.9, 69	`rgb(34.5%,5.9%,69%)`
CMYK	50, 91, 0, 31
HSL	267.2°, 84.3, 37.5	`hsl(267.2,84.3%,37.5%)`
HSV (or HSB)	267.2°, 91.5, 69
Web Safe	660099	`#660099`

CIE-LAB	28.25, 60.313, -68.727
XYZ	12.03, 5.551, 41.509
xyY	0.204, 0.094, 5.551
CIE-LCH	28.25, 91.439, 311.27
CIE-LUV	28.25, 7.739, -88.533
Hunter-Lab	23.56, 49.916, -87.968
Binary	01011000, 00001111, 10110000

#580fb0
```
#580fb0 rgb(88,15,176)
```
#67b00f
```
#67b00f rgb(103,176,15)
```

Complementary Color

#0f16b0
```
#0f16b0 rgb(15,22,176)
```
#580fb0
```
#580fb0 rgb(88,15,176)
```
#a90fb0
```
#a90fb0 rgb(169,15,176)
```

Analogous Color

#17b00f
```
#17b00f rgb(23,176,15)
```
#580fb0
```
#580fb0 rgb(88,15,176)
```
#b0a90f
```
#b0a90f rgb(176,169,15)
```

Split Complementary Color

#0fb058
```
#0fb058 rgb(15,176,88)
```
#580fb0
```
#580fb0 rgb(88,15,176)
```
#b0580f
```
#b0580f rgb(176,88,15)
```

Triadic Color

#0f67b0
```
#0f67b0 rgb(15,103,176)
```
#580fb0
```
#580fb0 rgb(88,15,176)
```
#b0580f
```
#b0580f rgb(176,88,15)
```
#67b00f
```
#67b00f rgb(103,176,15)
```

Tetradic Color

#35096a
```
#35096a rgb(53,9,106)
```
#410b81
```
#410b81 rgb(65,11,129)
```
#4c0d99
```
#4c0d99 rgb(76,13,153)
```
#580fb0
```
#580fb0 rgb(88,15,176)
```
#6411c7
```
#6411c7 rgb(100,17,199)
```
#6f13df
```
#6f13df rgb(111,19,223)
```
#7c20ec
```
#7c20ec rgb(124,32,236)
```

Monochromatic Color

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

#300fb0
```
#300fb0 rgb(48,15,176)
```
#3d0fb0
```
#3d0fb0 rgb(61,15,176)
```
#4b0fb0
```
#4b0fb0 rgb(75,15,176)
```
#580fb0
```
#580fb0 rgb(88,15,176)
```
#650fb0
```
#650fb0 rgb(101,15,176)
```
#730fb0
```
#730fb0 rgb(115,15,176)
```
#800fb0
```
#800fb0 rgb(128,15,176)
```

Similar Colors

Text with hexadecimal color #580fb0

This text has a font color of #580fb0.

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

#580fb0 background color

This paragraph has a background color of #580fb0.

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

#580fb0 border color

This element has a border color of #580fb0.

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

CSS codes

.text {color:#580fb0;}

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

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

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

#07010d
```
#07010d rgb(7,1,13)
```
#10031f
```
#10031f rgb(16,3,31)
```
#190431
```
#190431 rgb(25,4,49)
```
#220644
```
#220644 rgb(34,6,68)
```
#2b0756
```
#2b0756 rgb(43,7,86)
```
#340968
```
#340968 rgb(52,9,104)
```
#3d0a7a
```
#3d0a7a rgb(61,10,122)
```
#460c8c
```
#460c8c rgb(70,12,140)
```
#4f0d9e
```
#4f0d9e rgb(79,13,158)
```
#580fb0
```
#580fb0 rgb(88,15,176)
```
#6111c2
```
#6111c2 rgb(97,17,194)
```
#6a12d4
```
#6a12d4 rgb(106,18,212)
```
#7314e6
```
#7314e6 rgb(115,20,230)
```

Shade Color Variation

#7d21ec
```
#7d21ec rgb(125,33,236)
```
#8833ee
```
#8833ee rgb(136,51,238)
```
#9246ef
```
#9246ef rgb(146,70,239)
```
#9d58f1
```
#9d58f1 rgb(157,88,241)
```
#a86af2
```
#a86af2 rgb(168,106,242)
```
#b27cf4
```
#b27cf4 rgb(178,124,244)
```
#bd8ef5
```
#bd8ef5 rgb(189,142,245)
```
#c7a0f7
```
#c7a0f7 rgb(199,160,247)
```
#d2b2f8
```
#d2b2f8 rgb(210,178,248)
```
#dcc4fa
```
#dcc4fa rgb(220,196,250)
```
#e7d6fc
```
#e7d6fc rgb(231,214,252)
```
#f2e8fd
```
#f2e8fd rgb(242,232,253)
```
#fcfaff
```
#fcfaff rgb(252,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f5867 is the less saturated color, while #5700bf is the most saturated one.

#5f5867
```
#5f5867 rgb(95,88,103)
```
#5e516e
```
#5e516e rgb(94,81,110)
```
#5d4a75
```
#5d4a75 rgb(93,74,117)
```
#5d427d
```
#5d427d rgb(93,66,125)
```
#5c3b84
```
#5c3b84 rgb(92,59,132)
```
#5b348b
```
#5b348b rgb(91,52,139)
```
#5b2c93
```
#5b2c93 rgb(91,44,147)
```
#5a259a
```
#5a259a rgb(90,37,154)
```
#591ea1
```
#591ea1 rgb(89,30,161)
```
#5916a9
```
#5916a9 rgb(89,22,169)
```
#580fb0
```
#580fb0 rgb(88,15,176)
```
#5708b7
```
#5708b7 rgb(87,8,183)
```
#5700bf
```
#5700bf rgb(87,0,191)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#3e2f4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a90 Protanopia 1% of men
#004e7d Deuteranopia 1% of men
#3e4f54 Tritanopia 0.001% of the population

Trichromacy

#20349b Protanomaly 1% of men, 0.01% of women
#20378f Deuteranomaly 6% of men, 0.4% of women
#473776 Tritanomaly 0.01% of the population

#580fb0 hex color

#580fb0 Color Information

#580fb0 Color Conversion

Color Schemes with #580fb0

Alternatives to #580fb0

#580fb0 Preview

Shades and Tints of #580fb0

Tones of #580fb0

Color Blindness Simulator