#f55180 hex color

In a RGB color space, hex #f55180 is composed of 96.1% red, 31.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.9% magenta, 47.8% yellow and 3.9% black. It has a hue angle of 342.8 degrees, a saturation of 89.1% and a lightness of 63.9%. #f55180 color hex could be obtained by blending #ffa2ff with #eb0001. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 96
- G 32
- B 50
RGB color chart
- C 0
- M 67
- Y 48
- K 4
CMYK color chart

● #f55180 color description : Soft pink.

The hexadecimal color #f55180 has RGB values of R:245, G:81, B:128 and CMYK values of C:0, M:0.67, Y:0.48, K:0.04. Its decimal value is 16077184.

Hex triplet	f55180	`#f55180`
RGB Decimal	245, 81, 128	`rgb(245,81,128)`
RGB Percent	96.1, 31.8, 50.2	`rgb(96.1%,31.8%,50.2%)`
CMYK	0, 67, 48, 4
HSL	342.8°, 89.1, 63.9	`hsl(342.8,89.1%,63.9%)`
HSV (or HSB)	342.8°, 66.9, 96.1
Web Safe	ff6699	`#ff6699`

CIE-LAB	58.845, 65.631, 9.48
XYZ	44.496, 26.86, 23.262
xyY	0.47, 0.284, 26.86
CIE-LCH	58.845, 66.312, 8.22
CIE-LUV	58.845, 111.916, -0.703
Hunter-Lab	51.827, 62.555, 9.667
Binary	11110101, 01010001, 10000000

#f55180
```
#f55180 rgb(245,81,128)
```
#51f5c6
```
#51f5c6 rgb(81,245,198)
```

Complementary Color

#f551d2
```
#f551d2 rgb(245,81,210)
```
#f55180
```
#f55180 rgb(245,81,128)
```
#f57451
```
#f57451 rgb(245,116,81)
```

Analogous Color

#51d2f5
```
#51d2f5 rgb(81,210,245)
```
#f55180
```
#f55180 rgb(245,81,128)
```
#51f574
```
#51f574 rgb(81,245,116)
```

Split Complementary Color

#5180f5
```
#5180f5 rgb(81,128,245)
```
#f55180
```
#f55180 rgb(245,81,128)
```
#80f551
```
#80f551 rgb(128,245,81)
```

Triadic Color

#c651f5
```
#c651f5 rgb(198,81,245)
```
#f55180
```
#f55180 rgb(245,81,128)
```
#80f551
```
#80f551 rgb(128,245,81)
```
#51f5c6
```
#51f5c6 rgb(81,245,198)
```

Tetradic Color

#ec0e4d
```
#ec0e4d rgb(236,14,77)
```
#f2215d
```
#f2215d rgb(242,33,93)
```
#f4396e
```
#f4396e rgb(244,57,110)
```
#f55180
```
#f55180 rgb(245,81,128)
```
#f66992
```
#f66992 rgb(246,105,146)
```
#f881a3
```
#f881a3 rgb(248,129,163)
```
#f999b5
```
#f999b5 rgb(249,153,181)
```

Monochromatic Color

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

#f551a9
```
#f551a9 rgb(245,81,169)
```
#f5519b
```
#f5519b rgb(245,81,155)
```
#f5518e
```
#f5518e rgb(245,81,142)
```
#f55180
```
#f55180 rgb(245,81,128)
```
#f55172
```
#f55172 rgb(245,81,114)
```
#f55165
```
#f55165 rgb(245,81,101)
```
#f55157
```
#f55157 rgb(245,81,87)
```

Similar Colors

Text with hexadecimal color #f55180

This text has a font color of #f55180.

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

#f55180 background color

This paragraph has a background color of #f55180.

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

#f55180 border color

This element has a border color of #f55180.

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

CSS codes

.text {color:#f55180;}

.background {background-color:#f55180;}

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

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, #0b0104 is the darkest color, while #fff8fa is the lightest one.

#0b0104
```
#0b0104 rgb(11,1,4)
```
#1e020a
```
#1e020a rgb(30,2,10)
```
#310310
```
#310310 rgb(49,3,16)
```
#430416
```
#430416 rgb(67,4,22)
```
#56051c
```
#56051c rgb(86,5,28)
```
#680622
```
#680622 rgb(104,6,34)
```
#7b0728
```
#7b0728 rgb(123,7,40)
```
#8d082e
```
#8d082e rgb(141,8,46)
```
#a00934
```
#a00934 rgb(160,9,52)
```
#b20a3a
```
#b20a3a rgb(178,10,58)
```
#c50b41
```
#c50b41 rgb(197,11,65)
```
#d80c47
```
#d80c47 rgb(216,12,71)
```
#ea0d4d
```
#ea0d4d rgb(234,13,77)
```

Shade Color Variation

#f21957
```
#f21957 rgb(242,25,87)
```
#f32c65
```
#f32c65 rgb(243,44,101)
```
#f43e72
```
#f43e72 rgb(244,62,114)
```
#f55180
```
#f55180 rgb(245,81,128)
```
#f6648e
```
#f6648e rgb(246,100,142)
```
#f7769b
```
#f7769b rgb(247,118,155)
```
#f889a9
```
#f889a9 rgb(248,137,169)
```
#f99bb6
```
#f99bb6 rgb(249,155,182)
```
#faaec4
```
#faaec4 rgb(250,174,196)
```
#fbc0d1
```
#fbc0d1 rgb(251,192,209)
```
#fcd3df
```
#fcd3df rgb(252,211,223)
```
#fee5ec
```
#fee5ec rgb(254,229,236)
```
#fff8fa
```
#fff8fa rgb(255,248,250)
```

Tint Color Variation

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

#a79fa1
```
#a79fa1 rgb(167,159,161)
```
#ae989e
```
#ae989e rgb(174,152,158)
```
#b5919b
```
#b5919b rgb(181,145,155)
```
#bc8a98
```
#bc8a98 rgb(188,138,152)
```
#c38395
```
#c38395 rgb(195,131,149)
```
#cb7b92
```
#cb7b92 rgb(203,123,146)
```
#d2748f
```
#d2748f rgb(210,116,143)
```
#d96d8c
```
#d96d8c rgb(217,109,140)
```
#e06689
```
#e06689 rgb(224,102,137)
```
#e75f86
```
#e75f86 rgb(231,95,134)
```
#ee5883
```
#ee5883 rgb(238,88,131)
```
#f55180
```
#f55180 rgb(245,81,128)
```
#fc4a7d
```
#fc4a7d rgb(252,74,125)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#9d7c86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9192a1 Protanopia 1% of men
#a98e7b Deuteranopia 1% of men
#f36066 Tritanopia 0.001% of the population

Trichromacy

#b57a95 Protanomaly 1% of men, 0.01% of women
#c5777d Deuteranomaly 6% of men, 0.4% of women
#f45b6f Tritanomaly 0.01% of the population

#f55180 hex color

#f55180 Color Information

#f55180 Color Conversion

Color Schemes with #f55180

Alternatives to #f55180

#f55180 Preview

Shades and Tints of #f55180

Tones of #f55180

Color Blindness Simulator