#f55f8c hex color

In a RGB color space, hex #f55f8c is composed of 96.1% red, 37.3% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.2% magenta, 42.9% yellow and 3.9% black. It has a hue angle of 342 degrees, a saturation of 88.2% and a lightness of 66.7%. #f55f8c color hex could be obtained by blending #ffbeff with #eb0019. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 96
- G 37
- B 55
RGB color chart
- C 0
- M 61
- Y 43
- K 4
CMYK color chart

● #f55f8c color description : Soft pink.

The hexadecimal color #f55f8c has RGB values of R:245, G:95, B:140 and CMYK values of C:0, M:0.61, Y:0.43, K:0.04. Its decimal value is 16080780.

Hex triplet	f55f8c	`#f55f8c`
RGB Decimal	245, 95, 140	`rgb(245,95,140)`
RGB Percent	96.1, 37.3, 54.9	`rgb(96.1%,37.3%,54.9%)`
CMYK	0, 61, 43, 4
HSL	342°, 88.2, 66.7	`hsl(342,88.2%,66.7%)`
HSV (or HSB)	342°, 61.2, 96.1
Web Safe	ff6699	`#ff6699`

CIE-LAB	61.216, 61.106, 5.865
XYZ	46.483, 29.495, 28.055
xyY	0.447, 0.284, 29.495
CIE-LCH	61.216, 61.387, 5.482
CIE-LUV	61.216, 100.758, -4.078
Hunter-Lab	54.309, 57.738, 7.388
Binary	11110101, 01011111, 10001100

#f55f8c
```
#f55f8c rgb(245,95,140)
```
#5ff5c8
```
#5ff5c8 rgb(95,245,200)
```

Complementary Color

#f55fd7
```
#f55fd7 rgb(245,95,215)
```
#f55f8c
```
#f55f8c rgb(245,95,140)
```
#f57d5f
```
#f57d5f rgb(245,125,95)
```

Analogous Color

#5fd7f5
```
#5fd7f5 rgb(95,215,245)
```
#f55f8c
```
#f55f8c rgb(245,95,140)
```
#5ff57d
```
#5ff57d rgb(95,245,125)
```

Split Complementary Color

#5f8cf5
```
#5f8cf5 rgb(95,140,245)
```
#f55f8c
```
#f55f8c rgb(245,95,140)
```
#8cf55f
```
#8cf55f rgb(140,245,95)
```

Triadic Color

#c85ff5
```
#c85ff5 rgb(200,95,245)
```
#f55f8c
```
#f55f8c rgb(245,95,140)
```
#8cf55f
```
#8cf55f rgb(140,245,95)
```
#5ff5c8
```
#5ff5c8 rgb(95,245,200)
```

Tetradic Color

#f11758
```
#f11758 rgb(241,23,88)
```
#f22f6a
```
#f22f6a rgb(242,47,106)
```
#f4477b
```
#f4477b rgb(244,71,123)
```
#f55f8c
```
#f55f8c rgb(245,95,140)
```
#f7779d
```
#f7779d rgb(247,119,157)
```
#f88faf
```
#f88faf rgb(248,143,175)
```
#faa7c0
```
#faa7c0 rgb(250,167,192)
```

Monochromatic Color

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

#f55fb2
```
#f55fb2 rgb(245,95,178)
```
#f55fa5
```
#f55fa5 rgb(245,95,165)
```
#f55f99
```
#f55f99 rgb(245,95,153)
```
#f55f8c
```
#f55f8c rgb(245,95,140)
```
#f55f80
```
#f55f80 rgb(245,95,128)
```
#f55f73
```
#f55f73 rgb(245,95,115)
```
#f55f67
```
#f55f67 rgb(245,95,103)
```

Similar Colors

Text with hexadecimal color #f55f8c

This text has a font color of #f55f8c.

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

#f55f8c background color

This paragraph has a background color of #f55f8c.

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

#f55f8c border color

This element has a border color of #f55f8c.

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

CSS codes

.text {color:#f55f8c;}

.background {background-color:#f55f8c;}

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

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

#060002
```
#060002 rgb(6,0,2)
```
#190208
```
#190208 rgb(25,2,8)
```
#2b030f
```
#2b030f rgb(43,3,15)
```
#3e0415
```
#3e0415 rgb(62,4,21)
```
#50051c
```
#50051c rgb(80,5,28)
```
#620622
```
#620622 rgb(98,6,34)
```
#750728
```
#750728 rgb(117,7,40)
```
#87082f
```
#87082f rgb(135,8,47)
```
#9a0a35
```
#9a0a35 rgb(154,10,53)
```
#ac0b3b
```
#ac0b3b rgb(172,11,59)
```
#bf0c42
```
#bf0c42 rgb(191,12,66)
```
#d10d48
```
#d10d48 rgb(209,13,72)
```
#e40e4e
```
#e40e4e rgb(228,14,78)
```

Shade Color Variation

#f01557
```
#f01557 rgb(240,21,87)
```
#f22864
```
#f22864 rgb(242,40,100)
```
#f33a71
```
#f33a71 rgb(243,58,113)
```
#f44d7f
```
#f44d7f rgb(244,77,127)
```
#f55f8c
```
#f55f8c rgb(245,95,140)
```
#f67199
```
#f67199 rgb(246,113,153)
```
#f784a7
```
#f784a7 rgb(247,132,167)
```
#f896b4
```
#f896b4 rgb(248,150,180)
```
#faa9c1
```
#faa9c1 rgb(250,169,193)
```
#fbbbce
```
#fbbbce rgb(251,187,206)
```
#fccedc
```
#fccedc rgb(252,206,220)
```
#fde0e9
```
#fde0e9 rgb(253,224,233)
```
#fef3f6
```
#fef3f6 rgb(254,243,246)
```

Tint Color Variation

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

#ada7a9
```
#ada7a9 rgb(173,167,169)
```
#b4a0a6
```
#b4a0a6 rgb(180,160,166)
```
#ba9aa4
```
#ba9aa4 rgb(186,154,164)
```
#c193a1
```
#c193a1 rgb(193,147,161)
```
#c78d9e
```
#c78d9e rgb(199,141,158)
```
#ce869c
```
#ce869c rgb(206,134,156)
```
#d48099
```
#d48099 rgb(212,128,153)
```
#db7996
```
#db7996 rgb(219,121,150)
```
#e17394
```
#e17394 rgb(225,115,148)
```
#e86c91
```
#e86c91 rgb(232,108,145)
```
#ee668f
```
#ee668f rgb(238,102,143)
```
#f55f8c
```
#f55f8c rgb(245,95,140)
```
#fc5889
```
#fc5889 rgb(252,88,137)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#a58790 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9698aa Protanopia 1% of men
#ad9487 Deuteranopia 1% of men
#f36d74 Tritanopia 0.001% of the population

Trichromacy

#b8839f Protanomaly 1% of men, 0.01% of women
#c78089 Deuteranomaly 6% of men, 0.4% of women
#f3687c Tritanomaly 0.01% of the population

#f55f8c hex color

#f55f8c Color Information

#f55f8c Color Conversion

Color Schemes with #f55f8c

Alternatives to #f55f8c

#f55f8c Preview

Shades and Tints of #f55f8c

Tones of #f55f8c

Color Blindness Simulator