#f54e86 hex color

In a RGB color space, hex #f54e86 is composed of 96.1% red, 30.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.2% magenta, 45.3% yellow and 3.9% black. It has a hue angle of 339.9 degrees, a saturation of 89.3% and a lightness of 63.3%. #f54e86 color hex could be obtained by blending #ff9cff with #eb000d. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 96
- G 31
- B 53
RGB color chart
- C 0
- M 68
- Y 45
- K 4
CMYK color chart

● #f54e86 color description : Soft pink.

The hexadecimal color #f54e86 has RGB values of R:245, G:78, B:134 and CMYK values of C:0, M:0.68, Y:0.45, K:0.04. Its decimal value is 16076422.

Hex triplet	f54e86	`#f54e86`
RGB Decimal	245, 78, 134	`rgb(245,78,134)`
RGB Percent	96.1, 30.6, 52.5	`rgb(96.1%,30.6%,52.5%)`
CMYK	0, 68, 45, 4
HSL	339.9°, 89.3, 63.3	`hsl(339.9,89.3%,63.3%)`
HSV (or HSB)	339.9°, 68.2, 96.1
Web Safe	ff6699	`#ff6699`

CIE-LAB	58.59, 67.277, 5.596
XYZ	44.685, 26.587, 25.332
xyY	0.463, 0.275, 26.587
CIE-LCH	58.59, 67.51, 4.755
CIE-LUV	58.59, 111.38, -5.881
Hunter-Lab	51.563, 64.456, 6.966
Binary	11110101, 01001110, 10000110

#f54e86
```
#f54e86 rgb(245,78,134)
```
#4ef5bd
```
#4ef5bd rgb(78,245,189)
```

Complementary Color

#f54eda
```
#f54eda rgb(245,78,218)
```
#f54e86
```
#f54e86 rgb(245,78,134)
```
#f56a4e
```
#f56a4e rgb(245,106,78)
```

Analogous Color

#4edaf5
```
#4edaf5 rgb(78,218,245)
```
#f54e86
```
#f54e86 rgb(245,78,134)
```
#4ef56a
```
#4ef56a rgb(78,245,106)
```

Split Complementary Color

#4e86f5
```
#4e86f5 rgb(78,134,245)
```
#f54e86
```
#f54e86 rgb(245,78,134)
```
#86f54e
```
#86f54e rgb(134,245,78)
```

Triadic Color

#bd4ef5
```
#bd4ef5 rgb(189,78,245)
```
#f54e86
```
#f54e86 rgb(245,78,134)
```
#86f54e
```
#86f54e rgb(134,245,78)
```
#4ef5bd
```
#4ef5bd rgb(78,245,189)
```

Tetradic Color

#e90d57
```
#e90d57 rgb(233,13,87)
```
#f21e65
```
#f21e65 rgb(242,30,101)
```
#f43676
```
#f43676 rgb(244,54,118)
```
#f54e86
```
#f54e86 rgb(245,78,134)
```
#f66697
```
#f66697 rgb(246,102,151)
```
#f87ea7
```
#f87ea7 rgb(248,126,167)
```
#f996b8
```
#f996b8 rgb(249,150,184)
```

Monochromatic Color

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

#f54eb0
```
#f54eb0 rgb(245,78,176)
```
#f54ea2
```
#f54ea2 rgb(245,78,162)
```
#f54e94
```
#f54e94 rgb(245,78,148)
```
#f54e86
```
#f54e86 rgb(245,78,134)
```
#f54e78
```
#f54e78 rgb(245,78,120)
```
#f54e6a
```
#f54e6a rgb(245,78,106)
```
#f54e5c
```
#f54e5c rgb(245,78,92)
```

Similar Colors

Text with hexadecimal color #f54e86

This text has a font color of #f54e86.

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

#f54e86 background color

This paragraph has a background color of #f54e86.

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

#f54e86 border color

This element has a border color of #f54e86.

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

CSS codes

.text {color:#f54e86;}

.background {background-color:#f54e86;}

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

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

#090003
```
#090003 rgb(9,0,3)
```
#1b020a
```
#1b020a rgb(27,2,10)
```
#2e0311
```
#2e0311 rgb(46,3,17)
```
#400418
```
#400418 rgb(64,4,24)
```
#53051f
```
#53051f rgb(83,5,31)
```
#650626
```
#650626 rgb(101,6,38)
```
#78072d
```
#78072d rgb(120,7,45)
```
#8b0834
```
#8b0834 rgb(139,8,52)
```
#9d093b
```
#9d093b rgb(157,9,59)
```
#b00a42
```
#b00a42 rgb(176,10,66)
```
#c20b48
```
#c20b48 rgb(194,11,72)
```
#d50c4f
```
#d50c4f rgb(213,12,79)
```
#e70d56
```
#e70d56 rgb(231,13,86)
```

Shade Color Variation

#f21660
```
#f21660 rgb(242,22,96)
```
#f3296d
```
#f3296d rgb(243,41,109)
```
#f43b79
```
#f43b79 rgb(244,59,121)
```
#f54e86
```
#f54e86 rgb(245,78,134)
```
#f66193
```
#f66193 rgb(246,97,147)
```
#f7739f
```
#f7739f rgb(247,115,159)
```
#f886ac
```
#f886ac rgb(248,134,172)
```
#f998b9
```
#f998b9 rgb(249,152,185)
```
#faabc5
```
#faabc5 rgb(250,171,197)
```
#fbbdd2
```
#fbbdd2 rgb(251,189,210)
```
#fcd0df
```
#fcd0df rgb(252,208,223)
```
#fde3ec
```
#fde3ec rgb(253,227,236)
```
#fef5f8
```
#fef5f8 rgb(254,245,248)
```

Tint Color Variation

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

#a69da0
```
#a69da0 rgb(166,157,160)
```
#ad969e
```
#ad969e rgb(173,150,158)
```
#b48f9b
```
#b48f9b rgb(180,143,155)
```
#bb8899
```
#bb8899 rgb(187,136,153)
```
#c38097
```
#c38097 rgb(195,128,151)
```
#ca7994
```
#ca7994 rgb(202,121,148)
```
#d17292
```
#d17292 rgb(209,114,146)
```
#d86b8f
```
#d86b8f rgb(216,107,143)
```
#df648d
```
#df648d rgb(223,100,141)
```
#e75c8b
```
#e75c8b rgb(231,92,139)
```
#ee5588
```
#ee5588 rgb(238,85,136)
```
#f54e86
```
#f54e86 rgb(245,78,134)
```
#fc4784
```
#fc4784 rgb(252,71,132)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#9c7b86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d91a9 Protanopia 1% of men
#a78d80 Deuteranopia 1% of men
#f26065 Tritanopia 0.001% of the population

Trichromacy

#b3799c Protanomaly 1% of men, 0.01% of women
#c37682 Deuteranomaly 6% of men, 0.4% of women
#f35971 Tritanomaly 0.01% of the population

#f54e86 hex color

#f54e86 Color Information

#f54e86 Color Conversion

Color Schemes with #f54e86

Alternatives to #f54e86

#f54e86 Preview

Shades and Tints of #f54e86

Tones of #f54e86

Color Blindness Simulator