#e580f4 hex color

In a RGB color space, hex #e580f4 is composed of 89.8% red, 50.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 6.1% cyan, 47.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 292.2 degrees, a saturation of 84.1% and a lightness of 72.9%. #e580f4 color hex could be obtained by blending #ffffff with #cb01e9. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 90
- G 50
- B 96
RGB color chart
- C 6
- M 48
- Y 0
- K 4
CMYK color chart

● #e580f4 color description : Soft magenta.

The hexadecimal color #e580f4 has RGB values of R:229, G:128, B:244 and CMYK values of C:0.06, M:0.48, Y:0, K:0.04. Its decimal value is 15040756.

Hex triplet	e580f4	`#e580f4`
RGB Decimal	229, 128, 244	`rgb(229,128,244)`
RGB Percent	89.8, 50.2, 95.7	`rgb(89.8%,50.2%,95.7%)`
CMYK	6, 48, 0, 4
HSL	292.2°, 84.1, 72.9	`hsl(292.2,84.1%,72.9%)`
HSV (or HSB)	292.2°, 47.5, 95.7
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	68.483, 55.913, -42.087
XYZ	56.36, 38.63, 90.071
xyY	0.305, 0.209, 38.63
CIE-LCH	68.483, 69.982, 323.031
CIE-LUV	68.483, 45.388, -75.32
Hunter-Lab	62.153, 53.093, -42.414
Binary	11100101, 10000000, 11110100

#e580f4
```
#e580f4 rgb(229,128,244)
```
#8ff480
```
#8ff480 rgb(143,244,128)
```

Complementary Color

#ab80f4
```
#ab80f4 rgb(171,128,244)
```
#e580f4
```
#e580f4 rgb(229,128,244)
```
#f480c9
```
#f480c9 rgb(244,128,201)
```

Analogous Color

#80f4ab
```
#80f4ab rgb(128,244,171)
```
#e580f4
```
#e580f4 rgb(229,128,244)
```
#c9f480
```
#c9f480 rgb(201,244,128)
```

Split Complementary Color

#80f4e5
```
#80f4e5 rgb(128,244,229)
```
#e580f4
```
#e580f4 rgb(229,128,244)
```
#f4e580
```
#f4e580 rgb(244,229,128)
```

Triadic Color

#808ff4
```
#808ff4 rgb(128,143,244)
```
#e580f4
```
#e580f4 rgb(229,128,244)
```
#f4e580
```
#f4e580 rgb(244,229,128)
```
#8ff480
```
#8ff480 rgb(143,244,128)
```

Tetradic Color

#d73aee
```
#d73aee rgb(215,58,238)
```
#db51f0
```
#db51f0 rgb(219,81,240)
```
#e069f2
```
#e069f2 rgb(224,105,242)
```
#e580f4
```
#e580f4 rgb(229,128,244)
```
#ea97f6
```
#ea97f6 rgb(234,151,246)
```
#efaff8
```
#efaff8 rgb(239,175,248)
```
#f3c6fa
```
#f3c6fa rgb(243,198,250)
```

Monochromatic Color

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

#c880f4
```
#c880f4 rgb(200,128,244)
```
#d280f4
```
#d280f4 rgb(210,128,244)
```
#db80f4
```
#db80f4 rgb(219,128,244)
```
#e580f4
```
#e580f4 rgb(229,128,244)
```
#ef80f4
```
#ef80f4 rgb(239,128,244)
```
#f480f0
```
#f480f0 rgb(244,128,240)
```
#f480e6
```
#f480e6 rgb(244,128,230)
```

Similar Colors

Text with hexadecimal color #e580f4

This text has a font color of #e580f4.

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

#e580f4 background color

This paragraph has a background color of #e580f4.

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

#e580f4 border color

This element has a border color of #e580f4.

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

CSS codes

.text {color:#e580f4;}

.background {background-color:#e580f4;}

.border {border:1px solid #e580f4;}

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, #0f0211 is the darkest color, while #fffeff is the lightest one.

#0f0211
```
#0f0211 rgb(15,2,17)
```
#1f0323
```
#1f0323 rgb(31,3,35)
```
#2f0536
```
#2f0536 rgb(47,5,54)
```
#3f0648
```
#3f0648 rgb(63,6,72)
```
#4f085a
```
#4f085a rgb(79,8,90)
```
#5f096c
```
#5f096c rgb(95,9,108)
```
#6f0b7e
```
#6f0b7e rgb(111,11,126)
```
#7f0c90
```
#7f0c90 rgb(127,12,144)
```
#8f0ea2
```
#8f0ea2 rgb(143,14,162)
```
#9f10b4
```
#9f10b4 rgb(159,16,180)
```
#af11c6
```
#af11c6 rgb(175,17,198)
```
#be13d8
```
#be13d8 rgb(190,19,216)
```
#ce14ea
```
#ce14ea rgb(206,20,234)
```

Shade Color Variation

#d326ec
```
#d326ec rgb(211,38,236)
```
#d638ee
```
#d638ee rgb(214,56,238)
```
#da4aef
```
#da4aef rgb(218,74,239)
```
#de5cf1
```
#de5cf1 rgb(222,92,241)
```
#e16ef2
```
#e16ef2 rgb(225,110,242)
```
#e580f4
```
#e580f4 rgb(229,128,244)
```
#e992f6
```
#e992f6 rgb(233,146,246)
```
#eca4f7
```
#eca4f7 rgb(236,164,247)
```
#f0b6f9
```
#f0b6f9 rgb(240,182,249)
```
#f4c8fa
```
#f4c8fa rgb(244,200,250)
```
#f7dafc
```
#f7dafc rgb(247,218,252)
```
#fbecfd
```
#fbecfd rgb(251,236,253)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#beb5bf
```
#beb5bf rgb(190,181,191)
```
#c2b0c4
```
#c2b0c4 rgb(194,176,196)
```
#c6aaca
```
#c6aaca rgb(198,170,202)
```
#c9a5cf
```
#c9a5cf rgb(201,165,207)
```
#cda0d4
```
#cda0d4 rgb(205,160,212)
```
#d19bd9
```
#d19bd9 rgb(209,155,217)
```
#d595df
```
#d595df rgb(213,149,223)
```
#d990e4
```
#d990e4 rgb(217,144,228)
```
#dd8be9
```
#dd8be9 rgb(221,139,233)
```
#e185ef
```
#e185ef rgb(225,133,239)
```
#e580f4
```
#e580f4 rgb(229,128,244)
```
#e97bf9
```
#e97bf9 rgb(233,123,249)
```
#ed75ff
```
#ed75ff rgb(237,117,255)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#b7a2ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#89a8ff Protanopia 1% of men
#94a9e9 Deuteranopia 1% of men
#da9aa5 Tritanopia 0.001% of the population

Trichromacy

#aa9afb Protanomaly 1% of men, 0.01% of women
#b19aed Deuteranomaly 6% of men, 0.4% of women
#de90c1 Tritanomaly 0.01% of the population

#e580f4 hex color

#e580f4 Color Information

#e580f4 Color Conversion

Color Schemes with #e580f4

Alternatives to #e580f4

#e580f4 Preview

Shades and Tints of #e580f4

Tones of #e580f4

Color Blindness Simulator