#f54c7e hex color

In a RGB color space, hex #f54c7e is composed of 96.1% red, 29.8% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69% magenta, 48.6% yellow and 3.9% black. It has a hue angle of 342.2 degrees, a saturation of 89.4% and a lightness of 62.9%. #f54c7e color hex could be obtained by blending #ff98fc with #eb0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 96
- G 30
- B 49
RGB color chart
- C 0
- M 69
- Y 49
- K 4
CMYK color chart

● #f54c7e color description : Soft pink.

The hexadecimal color #f54c7e has RGB values of R:245, G:76, B:126 and CMYK values of C:0, M:0.69, Y:0.49, K:0.04. Its decimal value is 16075902.

Hex triplet	f54c7e	`#f54c7e`
RGB Decimal	245, 76, 126	`rgb(245,76,126)`
RGB Percent	96.1, 29.8, 49.4	`rgb(96.1%,29.8%,49.4%)`
CMYK	0, 69, 49, 4
HSL	342.2°, 89.4, 62.9	`hsl(342.2,89.4%,62.9%)`
HSV (or HSB)	342.2°, 69, 96.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	58.124, 67.31, 9.635
XYZ	44.008, 26.092, 22.456
xyY	0.475, 0.282, 26.092
CIE-LCH	58.124, 67.997, 8.147
CIE-LUV	58.124, 115.073, -0.948
Hunter-Lab	51.081, 64.393, 9.691
Binary	11110101, 01001100, 01111110

#f54c7e
```
#f54c7e rgb(245,76,126)
```
#4cf5c3
```
#4cf5c3 rgb(76,245,195)
```

Complementary Color

#f54cd3
```
#f54cd3 rgb(245,76,211)
```
#f54c7e
```
#f54c7e rgb(245,76,126)
```
#f56f4c
```
#f56f4c rgb(245,111,76)
```

Analogous Color

#4cd3f5
```
#4cd3f5 rgb(76,211,245)
```
#f54c7e
```
#f54c7e rgb(245,76,126)
```
#4cf56f
```
#4cf56f rgb(76,245,111)
```

Split Complementary Color

#4c7ef5
```
#4c7ef5 rgb(76,126,245)
```
#f54c7e
```
#f54c7e rgb(245,76,126)
```
#7ef54c
```
#7ef54c rgb(126,245,76)
```

Triadic Color

#c34cf5
```
#c34cf5 rgb(195,76,245)
```
#f54c7e
```
#f54c7e rgb(245,76,126)
```
#7ef54c
```
#7ef54c rgb(126,245,76)
```
#4cf5c3
```
#4cf5c3 rgb(76,245,195)
```

Tetradic Color

#e80d4e
```
#e80d4e rgb(232,13,78)
```
#f21c5b
```
#f21c5b rgb(242,28,91)
```
#f4346d
```
#f4346d rgb(244,52,109)
```
#f54c7e
```
#f54c7e rgb(245,76,126)
```
#f6648f
```
#f6648f rgb(246,100,143)
```
#f87ca1
```
#f87ca1 rgb(248,124,161)
```
#f994b2
```
#f994b2 rgb(249,148,178)
```

Monochromatic Color

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

#f54ca8
```
#f54ca8 rgb(245,76,168)
```
#f54c9a
```
#f54c9a rgb(245,76,154)
```
#f54c8c
```
#f54c8c rgb(245,76,140)
```
#f54c7e
```
#f54c7e rgb(245,76,126)
```
#f54c70
```
#f54c70 rgb(245,76,112)
```
#f54c62
```
#f54c62 rgb(245,76,98)
```
#f54c54
```
#f54c54 rgb(245,76,84)
```

Similar Colors

Text with hexadecimal color #f54c7e

This text has a font color of #f54c7e.

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

#f54c7e background color

This paragraph has a background color of #f54c7e.

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

#f54c7e border color

This element has a border color of #f54c7e.

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

CSS codes

.text {color:#f54c7e;}

.background {background-color:#f54c7e;}

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

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

#070002
```
#070002 rgb(7,0,2)
```
#190108
```
#190108 rgb(25,1,8)
```
#2c020f
```
#2c020f rgb(44,2,15)
```
#3f0315
```
#3f0315 rgb(63,3,21)
```
#51051b
```
#51051b rgb(81,5,27)
```
#640621
```
#640621 rgb(100,6,33)
```
#760728
```
#760728 rgb(118,7,40)
```
#89082e
```
#89082e rgb(137,8,46)
```
#9b0934
```
#9b0934 rgb(155,9,52)
```
#ae0a3a
```
#ae0a3a rgb(174,10,58)
```
#c10b41
```
#c10b41 rgb(193,11,65)
```
#d30c47
```
#d30c47 rgb(211,12,71)
```
#e60d4d
```
#e60d4d rgb(230,13,77)
```

Shade Color Variation

#f21456
```
#f21456 rgb(242,20,86)
```
#f32763
```
#f32763 rgb(243,39,99)
```
#f43971
```
#f43971 rgb(244,57,113)
```
#f54c7e
```
#f54c7e rgb(245,76,126)
```
#f65f8b
```
#f65f8b rgb(246,95,139)
```
#f77199
```
#f77199 rgb(247,113,153)
```
#f884a6
```
#f884a6 rgb(248,132,166)
```
#f996b4
```
#f996b4 rgb(249,150,180)
```
#faa9c1
```
#faa9c1 rgb(250,169,193)
```
#fbbbce
```
#fbbbce rgb(251,187,206)
```
#fccedc
```
#fccedc rgb(252,206,220)
```
#fde1e9
```
#fde1e9 rgb(253,225,233)
```
#fef3f6
```
#fef3f6 rgb(254,243,246)
```

Tint Color Variation

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

#a59c9f
```
#a59c9f rgb(165,156,159)
```
#ac959c
```
#ac959c rgb(172,149,156)
```
#b48d99
```
#b48d99 rgb(180,141,153)
```
#bb8696
```
#bb8696 rgb(187,134,150)
```
#c27f93
```
#c27f93 rgb(194,127,147)
```
#c97890
```
#c97890 rgb(201,120,144)
```
#d1708d
```
#d1708d rgb(209,112,141)
```
#d8698a
```
#d8698a rgb(216,105,138)
```
#df6287
```
#df6287 rgb(223,98,135)
```
#e65b84
```
#e65b84 rgb(230,91,132)
```
#ee5381
```
#ee5381 rgb(238,83,129)
```
#f54c7e
```
#f54c7e rgb(245,76,126)
```
#fc457b
```
#fc457b rgb(252,69,123)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#9b7983 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f90a1 Protanopia 1% of men
#a78c79 Deuteranopia 1% of men
#f35c61 Tritanopia 0.001% of the population

Trichromacy

#b47794 Protanomaly 1% of men, 0.01% of women
#c3757b Deuteranomaly 6% of men, 0.4% of women
#f3566c Tritanomaly 0.01% of the population

#f54c7e hex color

#f54c7e Color Information

#f54c7e Color Conversion

Color Schemes with #f54c7e

Alternatives to #f54c7e

#f54c7e Preview

Shades and Tints of #f54c7e

Tones of #f54c7e

Color Blindness Simulator