#580efe hex color

In a RGB color space, hex #580efe is composed of 34.5% red, 5.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 94.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 258.5 degrees, a saturation of 99.2% and a lightness of 52.5%. #580efe color hex could be obtained by blending #b01cff with #0000fd. Closest websafe color is: #6600ff.

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

● #580efe color description : Vivid violet.

The hexadecimal color #580efe has RGB values of R:88, G:14, B:254 and CMYK values of C:0.65, M:0.94, Y:0, K:0. Its decimal value is 5771006.

Hex triplet	580efe	`#580efe`
RGB Decimal	88, 14, 254	`rgb(88,14,254)`
RGB Percent	34.5, 5.5, 99.6	`rgb(34.5%,5.5%,99.6%)`
CMYK	65, 94, 0, 0
HSL	258.5°, 99.2, 52.5	`hsl(258.5,99.2%,52.5%)`
HSV (or HSB)	258.5°, 94.5, 99.6
Web Safe	6600ff	`#6600ff`

CIE-LAB	37.011, 78.815, -99.336
XYZ	22.068, 9.544, 94.44
xyY	0.175, 0.076, 9.544
CIE-LCH	37.011, 126.805, 308.429
CIE-LUV	37.011, -0.503, -133.2
Hunter-Lab	30.893, 73.445, -159.625
Binary	01011000, 00001110, 11111110

#580efe
```
#580efe rgb(88,14,254)
```
#b4fe0e
```
#b4fe0e rgb(180,254,14)
```

Complementary Color

#0e3cfe
```
#0e3cfe rgb(14,60,254)
```
#580efe
```
#580efe rgb(88,14,254)
```
#d00efe
```
#d00efe rgb(208,14,254)
```

Analogous Color

#3cfe0e
```
#3cfe0e rgb(60,254,14)
```
#580efe
```
#580efe rgb(88,14,254)
```
#fed00e
```
#fed00e rgb(254,208,14)
```

Split Complementary Color

#0efe58
```
#0efe58 rgb(14,254,88)
```
#580efe
```
#580efe rgb(88,14,254)
```
#fe580e
```
#fe580e rgb(254,88,14)
```

Triadic Color

#0eb4fe
```
#0eb4fe rgb(14,180,254)
```
#580efe
```
#580efe rgb(88,14,254)
```
#fe580e
```
#fe580e rgb(254,88,14)
```
#b4fe0e
```
#b4fe0e rgb(180,254,14)
```

Tetradic Color

#3b01bf
```
#3b01bf rgb(59,1,191)
```
#4301d8
```
#4301d8 rgb(67,1,216)
```
#4b01f1
```
#4b01f1 rgb(75,1,241)
```
#580efe
```
#580efe rgb(88,14,254)
```
#6a27fe
```
#6a27fe rgb(106,39,254)
```
#7b41fe
```
#7b41fe rgb(123,65,254)
```
#8d5afe
```
#8d5afe rgb(141,90,254)
```

Monochromatic Color

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

#1c0efe
```
#1c0efe rgb(28,14,254)
```
#300efe
```
#300efe rgb(48,14,254)
```
#440efe
```
#440efe rgb(68,14,254)
```
#580efe
```
#580efe rgb(88,14,254)
```
#6c0efe
```
#6c0efe rgb(108,14,254)
```
#800efe
```
#800efe rgb(128,14,254)
```
#940efe
```
#940efe rgb(148,14,254)
```

Similar Colors

Text with hexadecimal color #580efe

This text has a font color of #580efe.

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

#580efe background color

This paragraph has a background color of #580efe.

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

#580efe border color

This element has a border color of #580efe.

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

CSS codes

.text {color:#580efe;}

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

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

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

#04000d
```
#04000d rgb(4,0,13)
```
#0a0020
```
#0a0020 rgb(10,0,32)
```
#100034
```
#100034 rgb(16,0,52)
```
#160048
```
#160048 rgb(22,0,72)
```
#1c005b
```
#1c005b rgb(28,0,91)
```
#22006f
```
#22006f rgb(34,0,111)
```
#290182
```
#290182 rgb(41,1,130)
```
#2f0196
```
#2f0196 rgb(47,1,150)
```
#3501a9
```
#3501a9 rgb(53,1,169)
```
#3b01bd
```
#3b01bd rgb(59,1,189)
```
#4101d0
```
#4101d0 rgb(65,1,208)
```
#4701e4
```
#4701e4 rgb(71,1,228)
```
#4d01f7
```
#4d01f7 rgb(77,1,247)
```

Shade Color Variation

#580efe
```
#580efe rgb(88,14,254)
```
#6622fe
```
#6622fe rgb(102,34,254)
```
#7335fe
```
#7335fe rgb(115,53,254)
```
#8149fe
```
#8149fe rgb(129,73,254)
```
#8e5cfe
```
#8e5cfe rgb(142,92,254)
```
#9c70fe
```
#9c70fe rgb(156,112,254)
```
#a983fe
```
#a983fe rgb(169,131,254)
```
#b797ff
```
#b797ff rgb(183,151,255)
```
#c4aaff
```
#c4aaff rgb(196,170,255)
```
#d2beff
```
#d2beff rgb(210,190,255)
```
#dfd1ff
```
#dfd1ff rgb(223,209,255)
```
#ede5ff
```
#ede5ff rgb(237,229,255)
```
#faf8ff
```
#faf8ff rgb(250,248,255)
```

Tint Color Variation

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

#837e8e
```
#837e8e rgb(131,126,142)
```
#7f7498
```
#7f7498 rgb(127,116,152)
```
#7c6ba1
```
#7c6ba1 rgb(124,107,161)
```
#7862aa
```
#7862aa rgb(120,98,170)
```
#7558b4
```
#7558b4 rgb(117,88,180)
```
#714fbd
```
#714fbd rgb(113,79,189)
```
#6d46c6
```
#6d46c6 rgb(109,70,198)
```
#6a3dcf
```
#6a3dcf rgb(106,61,207)
```
#6633d9
```
#6633d9 rgb(102,51,217)
```
#632ae2
```
#632ae2 rgb(99,42,226)
```
#5f21eb
```
#5f21eb rgb(95,33,235)
```
#5c17f5
```
#5c17f5 rgb(92,23,245)
```
#580efe
```
#580efe rgb(88,14,254)
```

Tone Color Variation

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

#005db4 Protanopia 1% of men
#00629c Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#2040cf Protanomaly 1% of men, 0.01% of women
#2043bf Deuteranomaly 6% of men, 0.4% of women
#2048a3 Tritanomaly 0.01% of the population

#580efe hex color

#580efe Color Information

#580efe Color Conversion

Color Schemes with #580efe

Alternatives to #580efe

#580efe Preview

Shades and Tints of #580efe

Tones of #580efe

Color Blindness Simulator