#f55993 hex color

In a RGB color space, hex #f55993 is composed of 96.1% red, 34.9% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.7% magenta, 40% yellow and 3.9% black. It has a hue angle of 337.7 degrees, a saturation of 88.6% and a lightness of 65.5%. #f55993 color hex could be obtained by blending #ffb2ff with #eb0027. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 96
- G 35
- B 58
RGB color chart
- C 0
- M 64
- Y 40
- K 4
CMYK color chart

● #f55993 color description : Soft pink.

The hexadecimal color #f55993 has RGB values of R:245, G:89, B:147 and CMYK values of C:0, M:0.64, Y:0.4, K:0.04. Its decimal value is 16079251.

Hex triplet	f55993	`#f55993`
RGB Decimal	245, 89, 147	`rgb(245,89,147)`
RGB Percent	96.1, 34.9, 57.6	`rgb(96.1%,34.9%,57.6%)`
CMYK	0, 64, 40, 4
HSL	337.7°, 88.6, 65.5	`hsl(337.7,88.6%,65.5%)`
HSV (or HSB)	337.7°, 63.7, 96.1
Web Safe	ff6699	`#ff6699`

CIE-LAB	60.488, 64.281, 0.747
XYZ	46.496, 28.668, 30.687
xyY	0.439, 0.271, 28.668
CIE-LCH	60.488, 64.286, 0.666
CIE-LUV	60.488, 101.645, -11.442
Hunter-Lab	53.543, 61.308, 3.499
Binary	11110101, 01011001, 10010011

#f55993
```
#f55993 rgb(245,89,147)
```
#59f5bb
```
#59f5bb rgb(89,245,187)
```

Complementary Color

#f559e1
```
#f559e1 rgb(245,89,225)
```
#f55993
```
#f55993 rgb(245,89,147)
```
#f56d59
```
#f56d59 rgb(245,109,89)
```

Analogous Color

#59e1f5
```
#59e1f5 rgb(89,225,245)
```
#f55993
```
#f55993 rgb(245,89,147)
```
#59f56d
```
#59f56d rgb(89,245,109)
```

Split Complementary Color

#5993f5
```
#5993f5 rgb(89,147,245)
```
#f55993
```
#f55993 rgb(245,89,147)
```
#93f559
```
#93f559 rgb(147,245,89)
```

Triadic Color

#bb59f5
```
#bb59f5 rgb(187,89,245)
```
#f55993
```
#f55993 rgb(245,89,147)
```
#93f559
```
#93f559 rgb(147,245,89)
```
#59f5bb
```
#59f5bb rgb(89,245,187)
```

Tetradic Color

#f11164
```
#f11164 rgb(241,17,100)
```
#f22974
```
#f22974 rgb(242,41,116)
```
#f44183
```
#f44183 rgb(244,65,131)
```
#f55993
```
#f55993 rgb(245,89,147)
```
#f671a3
```
#f671a3 rgb(246,113,163)
```
#f889b2
```
#f889b2 rgb(248,137,178)
```
#f9a1c2
```
#f9a1c2 rgb(249,161,194)
```

Monochromatic Color

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

#f559ba
```
#f559ba rgb(245,89,186)
```
#f559ad
```
#f559ad rgb(245,89,173)
```
#f559a0
```
#f559a0 rgb(245,89,160)
```
#f55993
```
#f55993 rgb(245,89,147)
```
#f55986
```
#f55986 rgb(245,89,134)
```
#f55979
```
#f55979 rgb(245,89,121)
```
#f5596c
```
#f5596c rgb(245,89,108)
```

Similar Colors

Text with hexadecimal color #f55993

This text has a font color of #f55993.

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

#f55993 background color

This paragraph has a background color of #f55993.

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

#f55993 border color

This element has a border color of #f55993.

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

CSS codes

.text {color:#f55993;}

.background {background-color:#f55993;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130108
```
#130108 rgb(19,1,8)
```
#26020f
```
#26020f rgb(38,2,15)
```
#380317
```
#380317 rgb(56,3,23)
```
#4b041f
```
#4b041f rgb(75,4,31)
```
#5d0626
```
#5d0626 rgb(93,6,38)
```
#70072e
```
#70072e rgb(112,7,46)
```
#820835
```
#820835 rgb(130,8,53)
```
#95093d
```
#95093d rgb(149,9,61)
```
#a70a44
```
#a70a44 rgb(167,10,68)
```
#ba0b4c
```
#ba0b4c rgb(186,11,76)
```
#cc0c54
```
#cc0c54 rgb(204,12,84)
```
#df0d5b
```
#df0d5b rgb(223,13,91)
```

Shade Color Variation

#f10f63
```
#f10f63 rgb(241,15,99)
```
#f2216f
```
#f2216f rgb(242,33,111)
```
#f3347b
```
#f3347b rgb(243,52,123)
```
#f44687
```
#f44687 rgb(244,70,135)
```
#f55993
```
#f55993 rgb(245,89,147)
```
#f66c9f
```
#f66c9f rgb(246,108,159)
```
#f77eab
```
#f77eab rgb(247,126,171)
```
#f891b7
```
#f891b7 rgb(248,145,183)
```
#f9a3c3
```
#f9a3c3 rgb(249,163,195)
```
#fbb6cf
```
#fbb6cf rgb(251,182,207)
```
#fcc8db
```
#fcc8db rgb(252,200,219)
```
#fddbe7
```
#fddbe7 rgb(253,219,231)
```
#feedf3
```
#feedf3 rgb(254,237,243)
```

Tint Color Variation

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

#aba3a6
```
#aba3a6 rgb(171,163,166)
```
#b19da4
```
#b19da4 rgb(177,157,164)
```
#b896a3
```
#b896a3 rgb(184,150,163)
```
#bf8fa1
```
#bf8fa1 rgb(191,143,161)
```
#c6889f
```
#c6889f rgb(198,136,159)
```
#cc829d
```
#cc829d rgb(204,130,157)
```
#d37b9c
```
#d37b9c rgb(211,123,156)
```
#da749a
```
#da749a rgb(218,116,154)
```
#e16d98
```
#e16d98 rgb(225,109,152)
```
#e76796
```
#e76796 rgb(231,103,150)
```
#ee6095
```
#ee6095 rgb(238,96,149)
```
#f55993
```
#f55993 rgb(245,89,147)
```
#fc5291
```
#fc5291 rgb(252,82,145)
```

Tone Color Variation

Below, you can see how #f55993 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
#a3838f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9096b4 Protanopia 1% of men
#a9928d Deuteranopia 1% of men
#f26a70 Tritanopia 0.001% of the population

Trichromacy

#b57fa8 Protanomaly 1% of men, 0.01% of women
#c47d8f Deuteranomaly 6% of men, 0.4% of women
#f3647d Tritanomaly 0.01% of the population

#f55993 hex color

#f55993 Color Information

#f55993 Color Conversion

Color Schemes with #f55993

Alternatives to #f55993

#f55993 Preview

Shades and Tints of #f55993

Tones of #f55993

Color Blindness Simulator