#e54f80 hex color

In a RGB color space, hex #e54f80 is composed of 89.8% red, 31% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.5% magenta, 44.1% yellow and 10.2% black. It has a hue angle of 340.4 degrees, a saturation of 74.3% and a lightness of 60.4%. #e54f80 color hex could be obtained by blending #ff9eff with #cb0001. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 90
- G 31
- B 50
RGB color chart
- C 0
- M 66
- Y 44
- K 10
CMYK color chart

● #e54f80 color description : Soft pink.

The hexadecimal color #e54f80 has RGB values of R:229, G:79, B:128 and CMYK values of C:0, M:0.66, Y:0.44, K:0.1. Its decimal value is 15028096.

Hex triplet	e54f80	`#e54f80`
RGB Decimal	229, 79, 128	`rgb(229,79,128)`
RGB Percent	89.8, 31, 50.2	`rgb(89.8%,31%,50.2%)`
CMYK	0, 66, 44, 10
HSL	340.4°, 74.3, 60.4	`hsl(340.4,74.3%,60.4%)`
HSV (or HSB)	340.4°, 65.5, 89.8
Web Safe	cc6699	`#cc6699`

CIE-LAB	55.899, 61.655, 4.917
XYZ	39.006, 23.812, 22.963
xyY	0.455, 0.278, 23.812
CIE-LCH	55.899, 61.85, 4.56
CIE-LUV	55.899, 100.023, -5.474
Hunter-Lab	48.798, 57.287, 6.258
Binary	11100101, 01001111, 10000000

#e54f80
```
#e54f80 rgb(229,79,128)
```
#4fe5b4
```
#4fe5b4 rgb(79,229,180)
```

Complementary Color

#e54fcb
```
#e54fcb rgb(229,79,203)
```
#e54f80
```
#e54f80 rgb(229,79,128)
```
#e5694f
```
#e5694f rgb(229,105,79)
```

Analogous Color

#4fcbe5
```
#4fcbe5 rgb(79,203,229)
```
#e54f80
```
#e54f80 rgb(229,79,128)
```
#4fe569
```
#4fe569 rgb(79,229,105)
```

Split Complementary Color

#4f80e5
```
#4f80e5 rgb(79,128,229)
```
#e54f80
```
#e54f80 rgb(229,79,128)
```
#80e54f
```
#80e54f rgb(128,229,79)
```

Triadic Color

#b44fe5
```
#b44fe5 rgb(180,79,229)
```
#e54f80
```
#e54f80 rgb(229,79,128)
```
#80e54f
```
#80e54f rgb(128,229,79)
```
#4fe5b4
```
#4fe5b4 rgb(79,229,180)
```

Tetradic Color

#ca1e56
```
#ca1e56 rgb(202,30,86)
```
#de2360
```
#de2360 rgb(222,35,96)
```
#e23970
```
#e23970 rgb(226,57,112)
```
#e54f80
```
#e54f80 rgb(229,79,128)
```
#e86590
```
#e86590 rgb(232,101,144)
```
#ec7ba0
```
#ec7ba0 rgb(236,123,160)
```
#ef92b0
```
#ef92b0 rgb(239,146,176)
```

Monochromatic Color

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

#e54fa6
```
#e54fa6 rgb(229,79,166)
```
#e54f99
```
#e54f99 rgb(229,79,153)
```
#e54f8d
```
#e54f8d rgb(229,79,141)
```
#e54f80
```
#e54f80 rgb(229,79,128)
```
#e54f74
```
#e54f74 rgb(229,79,116)
```
#e54f67
```
#e54f67 rgb(229,79,103)
```
#e54f5b
```
#e54f5b rgb(229,79,91)
```

Similar Colors

Text with hexadecimal color #e54f80

This text has a font color of #e54f80.

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

#e54f80 background color

This paragraph has a background color of #e54f80.

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

#e54f80 border color

This element has a border color of #e54f80.

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

CSS codes

.text {color:#e54f80;}

.background {background-color:#e54f80;}

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

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

#0c0205
```
#0c0205 rgb(12,2,5)
```
#1d040c
```
#1d040c rgb(29,4,12)
```
#2e0714
```
#2e0714 rgb(46,7,20)
```
#3f091b
```
#3f091b rgb(63,9,27)
```
#500c22
```
#500c22 rgb(80,12,34)
```
#610e2a
```
#610e2a rgb(97,14,42)
```
#731131
```
#731131 rgb(115,17,49)
```
#841338
```
#841338 rgb(132,19,56)
```
#95163f
```
#95163f rgb(149,22,63)
```
#a61847
```
#a61847 rgb(166,24,71)
```
#b71b4e
```
#b71b4e rgb(183,27,78)
```
#c81e55
```
#c81e55 rgb(200,30,85)
```
#d9205d
```
#d9205d rgb(217,32,93)
```

Shade Color Variation

#e02d67
```
#e02d67 rgb(224,45,103)
```
#e23e74
```
#e23e74 rgb(226,62,116)
```
#e54f80
```
#e54f80 rgb(229,79,128)
```
#e8608c
```
#e8608c rgb(232,96,140)
```
#ea7199
```
#ea7199 rgb(234,113,153)
```
#ed82a5
```
#ed82a5 rgb(237,130,165)
```
#ef93b1
```
#ef93b1 rgb(239,147,177)
```
#f2a4be
```
#f2a4be rgb(242,164,190)
```
#f4b6ca
```
#f4b6ca rgb(244,182,202)
```
#f7c7d6
```
#f7c7d6 rgb(247,199,214)
```
#f9d8e3
```
#f9d8e3 rgb(249,216,227)
```
#fce9ef
```
#fce9ef rgb(252,233,239)
```
#fefafb
```
#fefafb rgb(254,250,251)
```

Tint Color Variation

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

#9f9598
```
#9f9598 rgb(159,149,152)
```
#a78d96
```
#a78d96 rgb(167,141,150)
```
#af8593
```
#af8593 rgb(175,133,147)
```
#b67e90
```
#b67e90 rgb(182,126,144)
```
#be768d
```
#be768d rgb(190,118,141)
```
#c66e8b
```
#c66e8b rgb(198,110,139)
```
#ce6688
```
#ce6688 rgb(206,102,136)
```
#d55f85
```
#d55f85 rgb(213,95,133)
```
#dd5783
```
#dd5783 rgb(221,87,131)
```
#e54f80
```
#e54f80 rgb(229,79,128)
```
#ed477d
```
#ed477d rgb(237,71,125)
```
#f53f7b
```
#f53f7b rgb(245,63,123)
```
#fc3878
```
#fc3878 rgb(252,56,120)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#957781 Atypical Achromatopsia 0.001% of the population

Dichromacy

#888ba0 Protanopia 1% of men
#9f877c Deuteranopia 1% of men
#e45f64 Tritanopia 0.001% of the population

Trichromacy

#a97594 Protanomaly 1% of men, 0.01% of women
#b8727d Deuteranomaly 6% of men, 0.4% of women
#e4596e Tritanomaly 0.01% of the population

#e54f80 hex color

#e54f80 Color Information

#e54f80 Color Conversion

Color Schemes with #e54f80

Alternatives to #e54f80

#e54f80 Preview

Shades and Tints of #e54f80

Tones of #e54f80

Color Blindness Simulator