#fc557f hex color

In a RGB color space, hex #fc557f is composed of 98.8% red, 33.3% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.3% magenta, 49.6% yellow and 1.2% black. It has a hue angle of 344.9 degrees, a saturation of 96.5% and a lightness of 66.1%. #fc557f color hex could be obtained by blending #ffaafe with #f90000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 99
- G 33
- B 50
RGB color chart
- C 0
- M 66
- Y 50
- K 1
CMYK color chart

● #fc557f color description : Soft pink.

The hexadecimal color #fc557f has RGB values of R:252, G:85, B:127 and CMYK values of C:0, M:0.66, Y:0.5, K:0.01. Its decimal value is 16536959.

Hex triplet	fc557f	`#fc557f`
RGB Decimal	252, 85, 127	`rgb(252,85,127)`
RGB Percent	98.8, 33.3, 49.8	`rgb(98.8%,33.3%,49.8%)`
CMYK	0, 66, 50, 1
HSL	344.9°, 96.5, 66.1	`hsl(344.9,96.5%,66.1%)`
HSV (or HSB)	344.9°, 66.3, 98.8
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.542, 66.096, 12.624
XYZ	47.226, 28.73, 23.136
xyY	0.477, 0.29, 28.73
CIE-LCH	60.542, 67.291, 10.813
CIE-LUV	60.542, 115.805, 3.041
Hunter-Lab	53.6, 63.472, 11.928
Binary	11111100, 01010101, 01111111

#fc557f
```
#fc557f rgb(252,85,127)
```
#55fcd2
```
#55fcd2 rgb(85,252,210)
```

Complementary Color

#fc55d3
```
#fc55d3 rgb(252,85,211)
```
#fc557f
```
#fc557f rgb(252,85,127)
```
#fc7f55
```
#fc7f55 rgb(252,127,85)
```

Analogous Color

#55d3fc
```
#55d3fc rgb(85,211,252)
```
#fc557f
```
#fc557f rgb(252,85,127)
```
#55fc7f
```
#55fc7f rgb(85,252,127)
```

Split Complementary Color

#557ffc
```
#557ffc rgb(85,127,252)
```
#fc557f
```
#fc557f rgb(252,85,127)
```
#7ffc55
```
#7ffc55 rgb(127,252,85)
```

Triadic Color

#d255fc
```
#d255fc rgb(210,85,252)
```
#fc557f
```
#fc557f rgb(252,85,127)
```
#7ffc55
```
#7ffc55 rgb(127,252,85)
```
#55fcd2
```
#55fcd2 rgb(85,252,210)
```

Tetradic Color

#fb0a46
```
#fb0a46 rgb(251,10,70)
```
#fb2359
```
#fb2359 rgb(251,35,89)
```
#fc3c6c
```
#fc3c6c rgb(252,60,108)
```
#fc557f
```
#fc557f rgb(252,85,127)
```
#fc6e92
```
#fc6e92 rgb(252,110,146)
```
#fd87a5
```
#fd87a5 rgb(253,135,165)
```
#fda0b8
```
#fda0b8 rgb(253,160,184)
```

Monochromatic Color

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

#fc55a9
```
#fc55a9 rgb(252,85,169)
```
#fc559b
```
#fc559b rgb(252,85,155)
```
#fc558d
```
#fc558d rgb(252,85,141)
```
#fc557f
```
#fc557f rgb(252,85,127)
```
#fc5571
```
#fc5571 rgb(252,85,113)
```
#fc5563
```
#fc5563 rgb(252,85,99)
```
#fc5555
```
#fc5555 rgb(252,85,85)
```

Similar Colors

Text with hexadecimal color #fc557f

This text has a font color of #fc557f.

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

#fc557f background color

This paragraph has a background color of #fc557f.

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

#fc557f border color

This element has a border color of #fc557f.

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

CSS codes

.text {color:#fc557f;}

.background {background-color:#fc557f;}

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

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

#030001
```
#030001 rgb(3,0,1)
```
#170006
```
#170006 rgb(23,0,6)
```
#2a010b
```
#2a010b rgb(42,1,11)
```
#3d0110
```
#3d0110 rgb(61,1,16)
```
#510115
```
#510115 rgb(81,1,21)
```
#64021a
```
#64021a rgb(100,2,26)
```
#770220
```
#770220 rgb(119,2,32)
```
#8a0225
```
#8a0225 rgb(138,2,37)
```
#9e032a
```
#9e032a rgb(158,3,42)
```
#b1032f
```
#b1032f rgb(177,3,47)
```
#c40334
```
#c40334 rgb(196,3,52)
```
#d80439
```
#d80439 rgb(216,4,57)
```
#eb043e
```
#eb043e rgb(235,4,62)
```

Shade Color Variation

#fb0845
```
#fb0845 rgb(251,8,69)
```
#fb1b53
```
#fb1b53 rgb(251,27,83)
```
#fb2e62
```
#fb2e62 rgb(251,46,98)
```
#fc4270
```
#fc4270 rgb(252,66,112)
```
#fc557f
```
#fc557f rgb(252,85,127)
```
#fc688e
```
#fc688e rgb(252,104,142)
```
#fd7c9c
```
#fd7c9c rgb(253,124,156)
```
#fd8fab
```
#fd8fab rgb(253,143,171)
```
#fda2b9
```
#fda2b9 rgb(253,162,185)
```
#feb5c8
```
#feb5c8 rgb(254,181,200)
```
#fec9d6
```
#fec9d6 rgb(254,201,214)
```
#fedce5
```
#fedce5 rgb(254,220,229)
```
#ffeff3
```
#ffeff3 rgb(255,239,243)
```

Tint Color Variation

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

#aca5a7
```
#aca5a7 rgb(172,165,167)
```
#b39ea3
```
#b39ea3 rgb(179,158,163)
```
#b998a0
```
#b998a0 rgb(185,152,160)
```
#c0919d
```
#c0919d rgb(192,145,157)
```
#c78a99
```
#c78a99 rgb(199,138,153)
```
#cd8496
```
#cd8496 rgb(205,132,150)
```
#d47d93
```
#d47d93 rgb(212,125,147)
```
#db7690
```
#db7690 rgb(219,118,144)
```
#e1708c
```
#e1708c rgb(225,112,140)
```
#e86989
```
#e86989 rgb(232,105,137)
```
#ef6286
```
#ef6286 rgb(239,98,134)
```
#f55c82
```
#f55c82 rgb(245,92,130)
```
#fc557f
```
#fc557f rgb(252,85,127)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#a28189 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9796a0 Protanopia 1% of men
#af927a Deuteranopia 1% of men
#fa6369 Tritanopia 0.001% of the population

Trichromacy

#bc7e94 Protanomaly 1% of men, 0.01% of women
#cb7b7c Deuteranomaly 6% of men, 0.4% of women
#fa5e71 Tritanomaly 0.01% of the population

#fc557f hex color

#fc557f Color Information

#fc557f Color Conversion

Color Schemes with #fc557f

Alternatives to #fc557f

#fc557f Preview

Shades and Tints of #fc557f

Tones of #fc557f

Color Blindness Simulator