#580dfd hex color

In a RGB color space, hex #580dfd is composed of 34.5% red, 5.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 94.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 258.8 degrees, a saturation of 98.4% and a lightness of 52.2%. #580dfd color hex could be obtained by blending #b01aff with #0000fb. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 35
- G 5
- B 99
RGB color chart
- C 65
- M 95
- Y 0
- K 1
CMYK color chart

● #580dfd color description : Vivid violet.

The hexadecimal color #580dfd has RGB values of R:88, G:13, B:253 and CMYK values of C:0.65, M:0.95, Y:0, K:0.01. Its decimal value is 5770749.

Hex triplet	580dfd	`#580dfd`
RGB Decimal	88, 13, 253	`rgb(88,13,253)`
RGB Percent	34.5, 5.1, 99.2	`rgb(34.5%,5.1%,99.2%)`
CMYK	65, 95, 0, 1
HSL	258.8°, 98.4, 52.2	`hsl(258.8,98.4%,52.2%)`
HSV (or HSB)	258.8°, 94.9, 99.2
Web Safe	6600ff	`#6600ff`

CIE-LAB	36.843, 78.732, -99.054
XYZ	21.895, 9.454, 93.594
xyY	0.175, 0.076, 9.454
CIE-LCH	36.843, 126.532, 308.479
CIE-LUV	36.843, -0.385, -132.633
Hunter-Lab	30.747, 73.304, -158.959
Binary	01011000, 00001101, 11111101

#580dfd
```
#580dfd rgb(88,13,253)
```
#b2fd0d
```
#b2fd0d rgb(178,253,13)
```

Complementary Color

#0d3afd
```
#0d3afd rgb(13,58,253)
```
#580dfd
```
#580dfd rgb(88,13,253)
```
#d00dfd
```
#d00dfd rgb(208,13,253)
```

Analogous Color

#3afd0d
```
#3afd0d rgb(58,253,13)
```
#580dfd
```
#580dfd rgb(88,13,253)
```
#fdd00d
```
#fdd00d rgb(253,208,13)
```

Split Complementary Color

#0dfd58
```
#0dfd58 rgb(13,253,88)
```
#580dfd
```
#580dfd rgb(88,13,253)
```
#fd580d
```
#fd580d rgb(253,88,13)
```

Triadic Color

#0db2fd
```
#0db2fd rgb(13,178,253)
```
#580dfd
```
#580dfd rgb(88,13,253)
```
#fd580d
```
#fd580d rgb(253,88,13)
```
#b2fd0d
```
#b2fd0d rgb(178,253,13)
```

Tetradic Color

#3c02bc
```
#3c02bc rgb(60,2,188)
```
#4402d5
```
#4402d5 rgb(68,2,213)
```
#4c02ef
```
#4c02ef rgb(76,2,239)
```
#580dfd
```
#580dfd rgb(88,13,253)
```
#6926fd
```
#6926fd rgb(105,38,253)
```
#7b40fd
```
#7b40fd rgb(123,64,253)
```
#8c59fe
```
#8c59fe rgb(140,89,254)
```

Monochromatic Color

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

#1c0dfd
```
#1c0dfd rgb(28,13,253)
```
#300dfd
```
#300dfd rgb(48,13,253)
```
#440dfd
```
#440dfd rgb(68,13,253)
```
#580dfd
```
#580dfd rgb(88,13,253)
```
#6c0dfd
```
#6c0dfd rgb(108,13,253)
```
#800dfd
```
#800dfd rgb(128,13,253)
```
#940dfd
```
#940dfd rgb(148,13,253)
```

Similar Colors

Text with hexadecimal color #580dfd

This text has a font color of #580dfd.

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

#580dfd background color

This paragraph has a background color of #580dfd.

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

#580dfd border color

This element has a border color of #580dfd.

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

CSS codes

.text {color:#580dfd;}

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

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

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, #03000b is the darkest color, while #f9f6ff is the lightest one.

#03000b
```
#03000b rgb(3,0,11)
```
#0a001e
```
#0a001e rgb(10,0,30)
```
#100032
```
#100032 rgb(16,0,50)
```
#160145
```
#160145 rgb(22,1,69)
```
#1c0159
```
#1c0159 rgb(28,1,89)
```
#22016c
```
#22016c rgb(34,1,108)
```
#290180
```
#290180 rgb(41,1,128)
```
#2f0193
```
#2f0193 rgb(47,1,147)
```
#3501a7
```
#3501a7 rgb(53,1,167)
```
#3b02ba
```
#3b02ba rgb(59,2,186)
```
#4102cd
```
#4102cd rgb(65,2,205)
```
#4802e1
```
#4802e1 rgb(72,2,225)
```
#4e02f4
```
#4e02f4 rgb(78,2,244)
```

Shade Color Variation

#580dfd
```
#580dfd rgb(88,13,253)
```
#6520fd
```
#6520fd rgb(101,32,253)
```
#7334fd
```
#7334fd rgb(115,52,253)
```
#8047fd
```
#8047fd rgb(128,71,253)
```
#8e5bfe
```
#8e5bfe rgb(142,91,254)
```
#9b6efe
```
#9b6efe rgb(155,110,254)
```
#a982fe
```
#a982fe rgb(169,130,254)
```
#b695fe
```
#b695fe rgb(182,149,254)
```
#c3a9fe
```
#c3a9fe rgb(195,169,254)
```
#d1bcfe
```
#d1bcfe rgb(209,188,254)
```
#ded0ff
```
#ded0ff rgb(222,208,255)
```
#ece3ff
```
#ece3ff rgb(236,227,255)
```
#f9f6ff
```
#f9f6ff rgb(249,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #827e8c is the less saturated color, while #580dfd is the most saturated one.

#827e8c
```
#827e8c rgb(130,126,140)
```
#7f7496
```
#7f7496 rgb(127,116,150)
```
#7b6b9f
```
#7b6b9f rgb(123,107,159)
```
#7861a9
```
#7861a9 rgb(120,97,169)
```
#7458b2
```
#7458b2 rgb(116,88,178)
```
#714fbb
```
#714fbb rgb(113,79,187)
```
#6d45c5
```
#6d45c5 rgb(109,69,197)
```
#6a3cce
```
#6a3cce rgb(106,60,206)
```
#6633d7
```
#6633d7 rgb(102,51,215)
```
#6329e1
```
#6329e1 rgb(99,41,225)
```
#5f20ea
```
#5f20ea rgb(95,32,234)
```
#5c16f4
```
#5c16f4 rgb(92,22,244)
```
#580dfd
```
#580dfd rgb(88,13,253)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#443565 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#203fce Protanomaly 1% of men, 0.01% of women
#2043be Deuteranomaly 6% of men, 0.4% of women
#2047a2 Tritanomaly 0.01% of the population

#580dfd hex color

#580dfd Color Information

#580dfd Color Conversion

Color Schemes with #580dfd

Alternatives to #580dfd

#580dfd Preview

Shades and Tints of #580dfd

Tones of #580dfd

Color Blindness Simulator