#fd558e hex color

In a RGB color space, hex #fd558e is composed of 99.2% red, 33.3% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.4% magenta, 43.9% yellow and 0.8% black. It has a hue angle of 339.6 degrees, a saturation of 97.7% and a lightness of 66.3%. #fd558e color hex could be obtained by blending #ffaaff with #fb001d. Closest websafe color is: #ff6699.

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

● #fd558e color description : Soft pink.

The hexadecimal color #fd558e has RGB values of R:253, G:85, B:142 and CMYK values of C:0, M:0.66, Y:0.44, K:0.01. Its decimal value is 16602510.

Hex triplet	fd558e	`#fd558e`
RGB Decimal	253, 85, 142	`rgb(253,85,142)`
RGB Percent	99.2, 33.3, 55.7	`rgb(99.2%,33.3%,55.7%)`
CMYK	0, 66, 44, 1
HSL	339.6°, 97.7, 66.3	`hsl(339.6,97.7%,66.3%)`
HSV (or HSB)	339.6°, 66.4, 99.2
Web Safe	ff6699	`#ff6699`

CIE-LAB	61.078, 67.701, 4.673
XYZ	48.64, 29.337, 28.691
xyY	0.456, 0.275, 29.337
CIE-LCH	61.078, 67.862, 3.948
CIE-LUV	61.078, 111.686, -7.116
Hunter-Lab	54.164, 65.509, 6.509
Binary	11111101, 01010101, 10001110

#fd558e
```
#fd558e rgb(253,85,142)
```
#55fdc4
```
#55fdc4 rgb(85,253,196)
```

Complementary Color

#fd55e2
```
#fd55e2 rgb(253,85,226)
```
#fd558e
```
#fd558e rgb(253,85,142)
```
#fd7055
```
#fd7055 rgb(253,112,85)
```

Analogous Color

#55e2fd
```
#55e2fd rgb(85,226,253)
```
#fd558e
```
#fd558e rgb(253,85,142)
```
#55fd70
```
#55fd70 rgb(85,253,112)
```

Split Complementary Color

#558efd
```
#558efd rgb(85,142,253)
```
#fd558e
```
#fd558e rgb(253,85,142)
```
#8efd55
```
#8efd55 rgb(142,253,85)
```

Triadic Color

#c455fd
```
#c455fd rgb(196,85,253)
```
#fd558e
```
#fd558e rgb(253,85,142)
```
#8efd55
```
#8efd55 rgb(142,253,85)
```
#55fdc4
```
#55fdc4 rgb(85,253,196)
```

Tetradic Color

#fc095c
```
#fc095c rgb(252,9,92)
```
#fc236c
```
#fc236c rgb(252,35,108)
```
#fd3c7d
```
#fd3c7d rgb(253,60,125)
```
#fd558e
```
#fd558e rgb(253,85,142)
```
#fd6e9f
```
#fd6e9f rgb(253,110,159)
```
#fe87b0
```
#fe87b0 rgb(254,135,176)
```
#fea1c0
```
#fea1c0 rgb(254,161,192)
```

Monochromatic Color

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

#fd55b8
```
#fd55b8 rgb(253,85,184)
```
#fd55aa
```
#fd55aa rgb(253,85,170)
```
#fd559c
```
#fd559c rgb(253,85,156)
```
#fd558e
```
#fd558e rgb(253,85,142)
```
#fd5580
```
#fd5580 rgb(253,85,128)
```
#fd5572
```
#fd5572 rgb(253,85,114)
```
#fd5564
```
#fd5564 rgb(253,85,100)
```

Similar Colors

Text with hexadecimal color #fd558e

This text has a font color of #fd558e.

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

#fd558e background color

This paragraph has a background color of #fd558e.

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

#fd558e border color

This element has a border color of #fd558e.

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

CSS codes

.text {color:#fd558e;}

.background {background-color:#fd558e;}

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

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

#040002
```
#040002 rgb(4,0,2)
```
#180008
```
#180008 rgb(24,0,8)
```
#2b010f
```
#2b010f rgb(43,1,15)
```
#3f0116
```
#3f0116 rgb(63,1,22)
```
#52011c
```
#52011c rgb(82,1,28)
```
#650123
```
#650123 rgb(101,1,35)
```
#79012a
```
#79012a rgb(121,1,42)
```
#8c0231
```
#8c0231 rgb(140,2,49)
```
#a00237
```
#a00237 rgb(160,2,55)
```
#b3023e
```
#b3023e rgb(179,2,62)
```
#c60245
```
#c60245 rgb(198,2,69)
```
#da034c
```
#da034c rgb(218,3,76)
```
#ed0352
```
#ed0352 rgb(237,3,82)
```

Shade Color Variation

#fc075a
```
#fc075a rgb(252,7,90)
```
#fc1b67
```
#fc1b67 rgb(252,27,103)
```
#fd2e74
```
#fd2e74 rgb(253,46,116)
```
#fd4281
```
#fd4281 rgb(253,66,129)
```
#fd558e
```
#fd558e rgb(253,85,142)
```
#fd689b
```
#fd689b rgb(253,104,155)
```
#fd7ca8
```
#fd7ca8 rgb(253,124,168)
```
#fe8fb5
```
#fe8fb5 rgb(254,143,181)
```
#fea3c2
```
#fea3c2 rgb(254,163,194)
```
#feb6ce
```
#feb6ce rgb(254,182,206)
```
#fec9db
```
#fec9db rgb(254,201,219)
```
#ffdde8
```
#ffdde8 rgb(255,221,232)
```
#fff0f5
```
#fff0f5 rgb(255,240,245)
```

Tint Color Variation

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

#aea4a8
```
#aea4a8 rgb(174,164,168)
```
#b49ea5
```
#b49ea5 rgb(180,158,165)
```
#bb97a3
```
#bb97a3 rgb(187,151,163)
```
#c191a1
```
#c191a1 rgb(193,145,161)
```
#c88a9f
```
#c88a9f rgb(200,138,159)
```
#cf839d
```
#cf839d rgb(207,131,157)
```
#d57d9b
```
#d57d9b rgb(213,125,155)
```
#dc7699
```
#dc7699 rgb(220,118,153)
```
#e36f97
```
#e36f97 rgb(227,111,151)
```
#e96994
```
#e96994 rgb(233,105,148)
```
#f06292
```
#f06292 rgb(240,98,146)
```
#f65c90
```
#f65c90 rgb(246,92,144)
```
#fd558e
```
#fd558e rgb(253,85,142)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#a4838e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9397b1 Protanopia 1% of men
#ad9388 Deuteranopia 1% of men
#fa666c Tritanopia 0.001% of the population

Trichromacy

#b97fa4 Protanomaly 1% of men, 0.01% of women
#ca7c8a Deuteranomaly 6% of men, 0.4% of women
#fb6078 Tritanomaly 0.01% of the population

#fd558e hex color

#fd558e Color Information

#fd558e Color Conversion

Color Schemes with #fd558e

Alternatives to #fd558e

#fd558e Preview

Shades and Tints of #fd558e

Tones of #fd558e

Color Blindness Simulator