#f55582 hex color

In a RGB color space, hex #f55582 is composed of 96.1% red, 33.3% green and 51% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.3% magenta, 46.9% yellow and 3.9% black. It has a hue angle of 343.1 degrees, a saturation of 88.9% and a lightness of 64.7%. #f55582 color hex could be obtained by blending #ffaaff with #eb0005. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 96
- G 33
- B 51
RGB color chart
- C 0
- M 65
- Y 47
- K 4
CMYK color chart

● #f55582 color description : Soft pink.

The hexadecimal color #f55582 has RGB values of R:245, G:85, B:130 and CMYK values of C:0, M:0.65, Y:0.47, K:0.04. Its decimal value is 16078210.

Hex triplet	f55582	`#f55582`
RGB Decimal	245, 85, 130	`rgb(245,85,130)`
RGB Percent	96.1, 33.3, 51	`rgb(96.1%,33.3%,51%)`
CMYK	0, 65, 47, 4
HSL	343.1°, 88.9, 64.7	`hsl(343.1,88.9%,64.7%)`
HSV (or HSB)	343.1°, 65.3, 96.1
Web Safe	ff6699	`#ff6699`

CIE-LAB	59.458, 64.262, 9.178
XYZ	44.935, 27.526, 24.065
xyY	0.466, 0.285, 27.526
CIE-LCH	59.458, 64.914, 8.128
CIE-LUV	59.458, 109.206, -0.72
Hunter-Lab	52.465, 61.068, 9.53
Binary	11110101, 01010101, 10000010

#f55582
```
#f55582 rgb(245,85,130)
```
#55f5c8
```
#55f5c8 rgb(85,245,200)
```

Complementary Color

#f555d2
```
#f555d2 rgb(245,85,210)
```
#f55582
```
#f55582 rgb(245,85,130)
```
#f57855
```
#f57855 rgb(245,120,85)
```

Analogous Color

#55d2f5
```
#55d2f5 rgb(85,210,245)
```
#f55582
```
#f55582 rgb(245,85,130)
```
#55f578
```
#55f578 rgb(85,245,120)
```

Split Complementary Color

#5582f5
```
#5582f5 rgb(85,130,245)
```
#f55582
```
#f55582 rgb(245,85,130)
```
#82f555
```
#82f555 rgb(130,245,85)
```

Triadic Color

#c855f5
```
#c855f5 rgb(200,85,245)
```
#f55582
```
#f55582 rgb(245,85,130)
```
#82f555
```
#82f555 rgb(130,245,85)
```
#55f5c8
```
#55f5c8 rgb(85,245,200)
```

Tetradic Color

#ef0e4d
```
#ef0e4d rgb(239,14,77)
```
#f2255f
```
#f2255f rgb(242,37,95)
```
#f43d70
```
#f43d70 rgb(244,61,112)
```
#f55582
```
#f55582 rgb(245,85,130)
```
#f66d94
```
#f66d94 rgb(246,109,148)
```
#f885a5
```
#f885a5 rgb(248,133,165)
```
#f99db7
```
#f99db7 rgb(249,157,183)
```

Monochromatic Color

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

#f555aa
```
#f555aa rgb(245,85,170)
```
#f5559d
```
#f5559d rgb(245,85,157)
```
#f5558f
```
#f5558f rgb(245,85,143)
```
#f55582
```
#f55582 rgb(245,85,130)
```
#f55575
```
#f55575 rgb(245,85,117)
```
#f55567
```
#f55567 rgb(245,85,103)
```
#f5555a
```
#f5555a rgb(245,85,90)
```

Similar Colors

Text with hexadecimal color #f55582

This text has a font color of #f55582.

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

#f55582 background color

This paragraph has a background color of #f55582.

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

#f55582 border color

This element has a border color of #f55582.

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

CSS codes

.text {color:#f55582;}

.background {background-color:#f55582;}

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

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

#0f0105
```
#0f0105 rgb(15,1,5)
```
#22020b
```
#22020b rgb(34,2,11)
```
#340311
```
#340311 rgb(52,3,17)
```
#470417
```
#470417 rgb(71,4,23)
```
#59051d
```
#59051d rgb(89,5,29)
```
#6c0623
```
#6c0623 rgb(108,6,35)
```
#7e0729
```
#7e0729 rgb(126,7,41)
```
#91092f
```
#91092f rgb(145,9,47)
```
#a30a35
```
#a30a35 rgb(163,10,53)
```
#b60b3b
```
#b60b3b rgb(182,11,59)
```
#c90c41
```
#c90c41 rgb(201,12,65)
```
#db0d47
```
#db0d47 rgb(219,13,71)
```
#ee0e4d
```
#ee0e4d rgb(238,14,77)
```

Shade Color Variation

#f21d59
```
#f21d59 rgb(242,29,89)
```
#f33067
```
#f33067 rgb(243,48,103)
```
#f44274
```
#f44274 rgb(244,66,116)
```
#f55582
```
#f55582 rgb(245,85,130)
```
#f66890
```
#f66890 rgb(246,104,144)
```
#f77a9d
```
#f77a9d rgb(247,122,157)
```
#f88dab
```
#f88dab rgb(248,141,171)
```
#f99fb8
```
#f99fb8 rgb(249,159,184)
```
#fab2c6
```
#fab2c6 rgb(250,178,198)
```
#fcc4d4
```
#fcc4d4 rgb(252,196,212)
```
#fdd7e1
```
#fdd7e1 rgb(253,215,225)
```
#fee9ef
```
#fee9ef rgb(254,233,239)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#a9a1a3
```
#a9a1a3 rgb(169,161,163)
```
#b09aa0
```
#b09aa0 rgb(176,154,160)
```
#b7939d
```
#b7939d rgb(183,147,157)
```
#be8c9a
```
#be8c9a rgb(190,140,154)
```
#c58597
```
#c58597 rgb(197,133,151)
```
#cb7f94
```
#cb7f94 rgb(203,127,148)
```
#d27891
```
#d27891 rgb(210,120,145)
```
#d9718e
```
#d9718e rgb(217,113,142)
```
#e06a8b
```
#e06a8b rgb(224,106,139)
```
#e76388
```
#e76388 rgb(231,99,136)
```
#ee5c85
```
#ee5c85 rgb(238,92,133)
```
#f55582
```
#f55582 rgb(245,85,130)
```
#fc4e7f
```
#fc4e7f rgb(252,78,127)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#9f7f88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9394a2 Protanopia 1% of men
#ab8f7d Deuteranopia 1% of men
#f36469 Tritanopia 0.001% of the population

Trichromacy

#b67d96 Protanomaly 1% of men, 0.01% of women
#c57a7f Deuteranomaly 6% of men, 0.4% of women
#f45e72 Tritanomaly 0.01% of the population

#f55582 hex color

#f55582 Color Information

#f55582 Color Conversion

Color Schemes with #f55582

Alternatives to #f55582

#f55582 Preview

Shades and Tints of #f55582

Tones of #f55582

Color Blindness Simulator