colorhexa.com

#580dd2 hex color

In a RGB color space, hex #580dd2 is composed of 34.5% red, 5.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 93.8% magenta, 0% yellow and 17.6% black. It has a hue angle of 262.8 degrees, a saturation of 88.3% and a lightness of 43.7%. #580dd2 color hex could be obtained by blending #b01aff with #0000a5. Closest websafe color is: #6600cc.

- R 35
- G 5
- B 82
RGB color chart
- C 58
- M 94
- Y 0
- K 18
CMYK color chart

● #580dd2 color description : Strong violet.

The hexadecimal color #580dd2 has RGB values of R:88, G:13, B:210 and CMYK values of C:0.58, M:0.94, Y:0, K:0.18. Its decimal value is 5770706.

Hex triplet	580dd2	`#580dd2`
RGB Decimal	88, 13, 210	`rgb(88,13,210)`
RGB Percent	34.5, 5.1, 82.4	`rgb(34.5%,5.1%,82.4%)`
CMYK	58, 94, 0, 18
HSL	262.8°, 88.3, 43.7	`hsl(262.8,88.3%,43.7%)`
HSV (or HSB)	262.8°, 93.8, 82.4
Web Safe	6600cc	`#6600cc`

CIE-LAB	31.842, 68.703, -82.83
XYZ	15.799, 7.015, 61.491
xyY	0.187, 0.083, 7.015
CIE-LCH	31.842, 107.614, 309.674
CIE-LUV	31.842, 3.735, -108.315
Hunter-Lab	26.486, 60.124, -119.107
Binary	01011000, 00001101, 11010010

#580dd2
```
#580dd2 rgb(88,13,210)
```
#87d20d
```
#87d20d rgb(135,210,13)
```

Complementary Color

#0d25d2
```
#0d25d2 rgb(13,37,210)
```
#580dd2
```
#580dd2 rgb(88,13,210)
```
#bb0dd2
```
#bb0dd2 rgb(187,13,210)
```

Analogous Color

#25d20d
```
#25d20d rgb(37,210,13)
```
#580dd2
```
#580dd2 rgb(88,13,210)
```
#d2bb0d
```
#d2bb0d rgb(210,187,13)
```

Split Complementary Color

#0dd258
```
#0dd258 rgb(13,210,88)
```
#580dd2
```
#580dd2 rgb(88,13,210)
```
#d2580d
```
#d2580d rgb(210,88,13)
```

Triadic Color

#0d87d2
```
#0d87d2 rgb(13,135,210)
```
#580dd2
```
#580dd2 rgb(88,13,210)
```
#d2580d
```
#d2580d rgb(210,88,13)
```
#87d20d
```
#87d20d rgb(135,210,13)
```

Tetradic Color

#3a098a
```
#3a098a rgb(58,9,138)
```
#440aa2
```
#440aa2 rgb(68,10,162)
```
#4e0cba
```
#4e0cba rgb(78,12,186)
```
#580dd2
```
#580dd2 rgb(88,13,210)
```
#620eea
```
#620eea rgb(98,14,234)
```
#7021f1
```
#7021f1 rgb(112,33,241)
```
#8039f3
```
#8039f3 rgb(128,57,243)
```

Monochromatic Color

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

#270dd2
```
#270dd2 rgb(39,13,210)
```
#370dd2
```
#370dd2 rgb(55,13,210)
```
#480dd2
```
#480dd2 rgb(72,13,210)
```
#580dd2
```
#580dd2 rgb(88,13,210)
```
#680dd2
```
#680dd2 rgb(104,13,210)
```
#790dd2
```
#790dd2 rgb(121,13,210)
```
#890dd2
```
#890dd2 rgb(137,13,210)
```

Similar Colors

Text with hexadecimal color #580dd2

This text has a font color of #580dd2.

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

#580dd2 background color

This paragraph has a background color of #580dd2.

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

#580dd2 border color

This element has a border color of #580dd2.

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

CSS codes

.text {color:#580dd2;}

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

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

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

#030007
```
#030007 rgb(3,0,7)
```
#0b0219
```
#0b0219 rgb(11,2,25)
```
#12032c
```
#12032c rgb(18,3,44)
```
#1a043e
```
#1a043e rgb(26,4,62)
```
#220551
```
#220551 rgb(34,5,81)
```
#2a0663
```
#2a0663 rgb(42,6,99)
```
#310776
```
#310776 rgb(49,7,118)
```
#390888
```
#390888 rgb(57,8,136)
```
#410a9b
```
#410a9b rgb(65,10,155)
```
#490bad
```
#490bad rgb(73,11,173)
```
#500cc0
```
#500cc0 rgb(80,12,192)
```
#580dd2
```
#580dd2 rgb(88,13,210)
```
#600ee4
```
#600ee4 rgb(96,14,228)
```

Shade Color Variation

#6916f1
```
#6916f1 rgb(105,22,241)
```
#7528f2
```
#7528f2 rgb(117,40,242)
```
#813bf3
```
#813bf3 rgb(129,59,243)
```
#8d4df4
```
#8d4df4 rgb(141,77,244)
```
#9960f5
```
#9960f5 rgb(153,96,245)
```
#a472f6
```
#a472f6 rgb(164,114,246)
```
#b085f7
```
#b085f7 rgb(176,133,247)
```
#bc97f9
```
#bc97f9 rgb(188,151,249)
```
#c8a9fa
```
#c8a9fa rgb(200,169,250)
```
#d4bcfb
```
#d4bcfb rgb(212,188,251)
```
#e0cefc
```
#e0cefc rgb(224,206,252)
```
#ece1fd
```
#ece1fd rgb(236,225,253)
```
#f8f3fe
```
#f8f3fe rgb(248,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f6b74 is the less saturated color, while #5604db is the most saturated one.

#6f6b74
```
#6f6b74 rgb(111,107,116)
```
#6c637c
```
#6c637c rgb(108,99,124)
```
#6a5a85
```
#6a5a85 rgb(106,90,133)
```
#68528d
```
#68528d rgb(104,82,141)
```
#664996
```
#664996 rgb(102,73,150)
```
#64409f
```
#64409f rgb(100,64,159)
```
#6238a7
```
#6238a7 rgb(98,56,167)
```
#602fb0
```
#602fb0 rgb(96,47,176)
```
#5e27b8
```
#5e27b8 rgb(94,39,184)
```
#5c1ec1
```
#5c1ec1 rgb(92,30,193)
```
#5a16c9
```
#5a16c9 rgb(90,22,201)
```
#580dd2
```
#580dd2 rgb(88,13,210)
```
#5604db
```
#5604db rgb(86,4,219)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#403158 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#005689 Deuteranopia 1% of men
#145c62 Tritanopia 0.001% of the population

Trichromacy

#2038b1 Protanomaly 1% of men, 0.01% of women
#203ba4 Deuteranomaly 6% of men, 0.4% of women
#2d3f8b Tritanomaly 0.01% of the population