#f558b5 hex color

In a RGB color space, hex #f558b5 is composed of 96.1% red, 34.5% green and 71% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.1% magenta, 26.1% yellow and 3.9% black. It has a hue angle of 324.5 degrees, a saturation of 88.7% and a lightness of 65.3%. #f558b5 color hex could be obtained by blending #ffb0ff with #eb006b. Closest websafe color is: #ff66cc.

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

● #f558b5 color description : Soft pink.

The hexadecimal color #f558b5 has RGB values of R:245, G:88, B:181 and CMYK values of C:0, M:0.64, Y:0.26, K:0.04. Its decimal value is 16079029.

Hex triplet	f558b5	`#f558b5`
RGB Decimal	245, 88, 181	`rgb(245,88,181)`
RGB Percent	96.1, 34.5, 71	`rgb(96.1%,34.5%,71%)`
CMYK	0, 64, 26, 4
HSL	324.5°, 88.7, 65.3	`hsl(324.5,88.7%,65.3%)`
HSV (or HSB)	324.5°, 64.1, 96.1
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	61.422, 68.524, -17.498
XYZ	49.487, 29.732, 46.846
xyY	0.393, 0.236, 29.732
CIE-LCH	61.422, 70.723, 345.675
CIE-LUV	61.422, 90.544, -38.011
Hunter-Lab	54.527, 66.577, -12.769
Binary	11110101, 01011000, 10110101

#f558b5
```
#f558b5 rgb(245,88,181)
```
#58f598
```
#58f598 rgb(88,245,152)
```

Complementary Color

#e758f5
```
#e758f5 rgb(231,88,245)
```
#f558b5
```
#f558b5 rgb(245,88,181)
```
#f55867
```
#f55867 rgb(245,88,103)
```

Analogous Color

#58f5e7
```
#58f5e7 rgb(88,245,231)
```
#f558b5
```
#f558b5 rgb(245,88,181)
```
#67f558
```
#67f558 rgb(103,245,88)
```

Split Complementary Color

#58b5f5
```
#58b5f5 rgb(88,181,245)
```
#f558b5
```
#f558b5 rgb(245,88,181)
```
#b5f558
```
#b5f558 rgb(181,245,88)
```

Triadic Color

#9858f5
```
#9858f5 rgb(152,88,245)
```
#f558b5
```
#f558b5 rgb(245,88,181)
```
#b5f558
```
#b5f558 rgb(181,245,88)
```
#58f598
```
#58f598 rgb(88,245,152)
```

Tetradic Color

#f11095
```
#f11095 rgb(241,16,149)
```
#f228a0
```
#f228a0 rgb(242,40,160)
```
#f440aa
```
#f440aa rgb(244,64,170)
```
#f558b5
```
#f558b5 rgb(245,88,181)
```
#f670c0
```
#f670c0 rgb(246,112,192)
```
#f888ca
```
#f888ca rgb(248,136,202)
```
#f9a0d5
```
#f9a0d5 rgb(249,160,213)
```

Monochromatic Color

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

#f558dc
```
#f558dc rgb(245,88,220)
```
#f558cf
```
#f558cf rgb(245,88,207)
```
#f558c2
```
#f558c2 rgb(245,88,194)
```
#f558b5
```
#f558b5 rgb(245,88,181)
```
#f558a8
```
#f558a8 rgb(245,88,168)
```
#f5589b
```
#f5589b rgb(245,88,155)
```
#f5588e
```
#f5588e rgb(245,88,142)
```

Similar Colors

Text with hexadecimal color #f558b5

This text has a font color of #f558b5.

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

#f558b5 background color

This paragraph has a background color of #f558b5.

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

#f558b5 border color

This element has a border color of #f558b5.

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

CSS codes

.text {color:#f558b5;}

.background {background-color:#f558b5;}

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

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, #12010b is the darkest color, while #ffffff is the lightest one.

#12010b
```
#12010b rgb(18,1,11)
```
#250217
```
#250217 rgb(37,2,23)
```
#370322
```
#370322 rgb(55,3,34)
```
#4a042d
```
#4a042d rgb(74,4,45)
```
#5c0639
```
#5c0639 rgb(92,6,57)
```
#6f0744
```
#6f0744 rgb(111,7,68)
```
#810850
```
#810850 rgb(129,8,80)
```
#94095b
```
#94095b rgb(148,9,91)
```
#a60a66
```
#a60a66 rgb(166,10,102)
```
#b90b72
```
#b90b72 rgb(185,11,114)
```
#cb0c7d
```
#cb0c7d rgb(203,12,125)
```
#de0d89
```
#de0d89 rgb(222,13,137)
```
#f00e94
```
#f00e94 rgb(240,14,148)
```

Shade Color Variation

#f2209c
```
#f2209c rgb(242,32,156)
```
#f333a5
```
#f333a5 rgb(243,51,165)
```
#f445ad
```
#f445ad rgb(244,69,173)
```
#f558b5
```
#f558b5 rgb(245,88,181)
```
#f66bbd
```
#f66bbd rgb(246,107,189)
```
#f77dc5
```
#f77dc5 rgb(247,125,197)
```
#f890ce
```
#f890ce rgb(248,144,206)
```
#f9a2d6
```
#f9a2d6 rgb(249,162,214)
```
#fbb5de
```
#fbb5de rgb(251,181,222)
```
#fcc7e6
```
#fcc7e6 rgb(252,199,230)
```
#fddaee
```
#fddaee rgb(253,218,238)
```
#feecf7
```
#feecf7 rgb(254,236,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#aaa3a7
```
#aaa3a7 rgb(170,163,167)
```
#b19ca8
```
#b19ca8 rgb(177,156,168)
```
#b895aa
```
#b895aa rgb(184,149,170)
```
#bf8eab
```
#bf8eab rgb(191,142,171)
```
#c588ac
```
#c588ac rgb(197,136,172)
```
#cc81ad
```
#cc81ad rgb(204,129,173)
```
#d37aaf
```
#d37aaf rgb(211,122,175)
```
#da73b0
```
#da73b0 rgb(218,115,176)
```
#e16cb1
```
#e16cb1 rgb(225,108,177)
```
#e766b2
```
#e766b2 rgb(231,102,178)
```
#ee5fb4
```
#ee5fb4 rgb(238,95,180)
```
#f558b5
```
#f558b5 rgb(245,88,181)
```
#fc51b6
```
#fc51b6 rgb(252,81,182)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a68699 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8197da Protanopia 1% of men
#9f96ac Deuteranopia 1% of men
#ef7178 Tritanopia 0.001% of the population

Trichromacy

#ab80cd Protanomaly 1% of men, 0.01% of women
#be7faf Deuteranomaly 6% of men, 0.4% of women
#f1688e Tritanomaly 0.01% of the population

#f558b5 hex color

#f558b5 Color Information

#f558b5 Color Conversion

Color Schemes with #f558b5

Alternatives to #f558b5

#f558b5 Preview

Shades and Tints of #f558b5

Tones of #f558b5

Color Blindness Simulator