#e54af2 hex color

In a RGB color space, hex #e54af2 is composed of 89.8% red, 29% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 5.4% cyan, 69.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 295.4 degrees, a saturation of 86.6% and a lightness of 62%. #e54af2 color hex could be obtained by blending #ff94ff with #cb00e5. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 90
- G 29
- B 95
RGB color chart
- C 5
- M 69
- Y 0
- K 5
CMYK color chart

● #e54af2 color description : Soft magenta.

The hexadecimal color #e54af2 has RGB values of R:229, G:74, B:242 and CMYK values of C:0.05, M:0.69, Y:0, K:0.05. Its decimal value is 15026930.

Hex triplet	e54af2	`#e54af2`
RGB Decimal	229, 74, 242	`rgb(229,74,242)`
RGB Percent	89.8, 29, 94.9	`rgb(89.8%,29%,94.9%)`
CMYK	5, 69, 0, 5
HSL	295.4°, 86.6, 62	`hsl(295.4,86.6%,62%)`
HSV (or HSB)	295.4°, 69.4, 94.9
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	59.861, 78.748, -54.596
XYZ	50.787, 27.969, 86.723
xyY	0.307, 0.169, 27.969
CIE-LCH	59.861, 95.823, 325.267
CIE-LUV	59.861, 62.457, -96.297
Hunter-Lab	52.886, 78.867, -60.204
Binary	11100101, 01001010, 11110010

#e54af2
```
#e54af2 rgb(229,74,242)
```
#57f24a
```
#57f24a rgb(87,242,74)
```

Complementary Color

#914af2
```
#914af2 rgb(145,74,242)
```
#e54af2
```
#e54af2 rgb(229,74,242)
```
#f24aab
```
#f24aab rgb(242,74,171)
```

Analogous Color

#4af291
```
#4af291 rgb(74,242,145)
```
#e54af2
```
#e54af2 rgb(229,74,242)
```
#abf24a
```
#abf24a rgb(171,242,74)
```

Split Complementary Color

#4af2e5
```
#4af2e5 rgb(74,242,229)
```
#e54af2
```
#e54af2 rgb(229,74,242)
```
#f2e54a
```
#f2e54a rgb(242,229,74)
```

Triadic Color

#4a57f2
```
#4a57f2 rgb(74,87,242)
```
#e54af2
```
#e54af2 rgb(229,74,242)
```
#f2e54a
```
#f2e54a rgb(242,229,74)
```
#57f24a
```
#57f24a rgb(87,242,74)
```

Tetradic Color

#cf10df
```
#cf10df rgb(207,16,223)
```
#de1aef
```
#de1aef rgb(222,26,239)
```
#e232f0
```
#e232f0 rgb(226,50,240)
```
#e54af2
```
#e54af2 rgb(229,74,242)
```
#e862f4
```
#e862f4 rgb(232,98,244)
```
#ec7af5
```
#ec7af5 rgb(236,122,245)
```
#ef91f7
```
#ef91f7 rgb(239,145,247)
```

Monochromatic Color

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

#bb4af2
```
#bb4af2 rgb(187,74,242)
```
#c94af2
```
#c94af2 rgb(201,74,242)
```
#d74af2
```
#d74af2 rgb(215,74,242)
```
#e54af2
```
#e54af2 rgb(229,74,242)
```
#f24af1
```
#f24af1 rgb(242,74,241)
```
#f24ae3
```
#f24ae3 rgb(242,74,227)
```
#f24ad5
```
#f24ad5 rgb(242,74,213)
```

Similar Colors

Text with hexadecimal color #e54af2

This text has a font color of #e54af2.

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

#e54af2 background color

This paragraph has a background color of #e54af2.

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

#e54af2 border color

This element has a border color of #e54af2.

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

CSS codes

.text {color:#e54af2;}

.background {background-color:#e54af2;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#130114
```
#130114 rgb(19,1,20)
```
#240327
```
#240327 rgb(36,3,39)
```
#350439
```
#350439 rgb(53,4,57)
```
#46054b
```
#46054b rgb(70,5,75)
```
#57075e
```
#57075e rgb(87,7,94)
```
#680870
```
#680870 rgb(104,8,112)
```
#790982
```
#790982 rgb(121,9,130)
```
#8a0b94
```
#8a0b94 rgb(138,11,148)
```
#9b0ca7
```
#9b0ca7 rgb(155,12,167)
```
#ac0db9
```
#ac0db9 rgb(172,13,185)
```
#bd0fcb
```
#bd0fcb rgb(189,15,203)
```
#ce10de
```
#ce10de rgb(206,16,222)
```

Shade Color Variation

#dd13ee
```
#dd13ee rgb(221,19,238)
```
#e025ef
```
#e025ef rgb(224,37,239)
```
#e238f1
```
#e238f1 rgb(226,56,241)
```
#e54af2
```
#e54af2 rgb(229,74,242)
```
#e85cf3
```
#e85cf3 rgb(232,92,243)
```
#ea6ff5
```
#ea6ff5 rgb(234,111,245)
```
#ed81f6
```
#ed81f6 rgb(237,129,246)
```
#f093f7
```
#f093f7 rgb(240,147,247)
```
#f2a6f9
```
#f2a6f9 rgb(242,166,249)
```
#f5b8fa
```
#f5b8fa rgb(245,184,250)
```
#f7cafb
```
#f7cafb rgb(247,202,251)
```
#fadcfd
```
#fadcfd rgb(250,220,253)
```
#fdeffe
```
#fdeffe rgb(253,239,254)
```

Tint Color Variation

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

#a09ca0
```
#a09ca0 rgb(160,156,160)
```
#a695a7
```
#a695a7 rgb(166,149,167)
```
#ac8daf
```
#ac8daf rgb(172,141,175)
```
#b386b6
```
#b386b6 rgb(179,134,182)
```
#b97ebe
```
#b97ebe rgb(185,126,190)
```
#bf77c5
```
#bf77c5 rgb(191,119,197)
```
#c56fcd
```
#c56fcd rgb(197,111,205)
```
#cc68d4
```
#cc68d4 rgb(204,104,212)
```
#d260dc
```
#d260dc rgb(210,96,220)
```
#d859e3
```
#d859e3 rgb(216,89,227)
```
#df51eb
```
#df51eb rgb(223,81,235)
```
#e54af2
```
#e54af2 rgb(229,74,242)
```
#eb43f9
```
#eb43f9 rgb(235,67,249)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#9d7ea0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a92ff Protanopia 1% of men
#6a95e0 Deuteranopia 1% of men
#d67a83 Tritanopia 0.001% of the population

Trichromacy

#8c78fa Protanomaly 1% of men, 0.01% of women
#977ae6 Deuteranomaly 6% of men, 0.4% of women
#dc69ab Tritanomaly 0.01% of the population

#e54af2 hex color

#e54af2 Color Information

#e54af2 Color Conversion

Color Schemes with #e54af2

Alternatives to #e54af2

#e54af2 Preview

Shades and Tints of #e54af2

Tones of #e54af2

Color Blindness Simulator