#f558f0 hex color

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

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

● #f558f0 color description : Soft magenta.

The hexadecimal color #f558f0 has RGB values of R:245, G:88, B:240 and CMYK values of C:0, M:0.64, Y:0.02, K:0.04. Its decimal value is 16079088.

Hex triplet	f558f0	`#f558f0`
RGB Decimal	245, 88, 240	`rgb(245,88,240)`
RGB Percent	96.1, 34.5, 94.1	`rgb(96.1%,34.5%,94.1%)`
CMYK	0, 64, 2, 4
HSL	301.9°, 88.7, 65.3	`hsl(301.9,88.7%,65.3%)`
HSV (or HSB)	301.9°, 64.1, 96.1
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	63.906, 76.909, -46.923
XYZ	56.873, 32.687, 85.747
xyY	0.324, 0.186, 32.687
CIE-LCH	63.906, 90.093, 328.612
CIE-LUV	63.906, 70.587, -85.263
Hunter-Lab	57.172, 77.514, -48.903
Binary	11110101, 01011000, 11110000

#f558f0
```
#f558f0 rgb(245,88,240)
```
#58f55d
```
#58f55d rgb(88,245,93)
```

Complementary Color

#ac58f5
```
#ac58f5 rgb(172,88,245)
```
#f558f0
```
#f558f0 rgb(245,88,240)
```
#f558a2
```
#f558a2 rgb(245,88,162)
```

Analogous Color

#58f5ac
```
#58f5ac rgb(88,245,172)
```
#f558f0
```
#f558f0 rgb(245,88,240)
```
#a2f558
```
#a2f558 rgb(162,245,88)
```

Split Complementary Color

#58f0f5
```
#58f0f5 rgb(88,240,245)
```
#f558f0
```
#f558f0 rgb(245,88,240)
```
#f0f558
```
#f0f558 rgb(240,245,88)
```

Triadic Color

#5d58f5
```
#5d58f5 rgb(93,88,245)
```
#f558f0
```
#f558f0 rgb(245,88,240)
```
#f0f558
```
#f0f558 rgb(240,245,88)
```
#58f55d
```
#58f55d rgb(88,245,93)
```

Tetradic Color

#f110ea
```
#f110ea rgb(241,16,234)
```
#f228ec
```
#f228ec rgb(242,40,236)
```
#f440ee
```
#f440ee rgb(244,64,238)
```
#f558f0
```
#f558f0 rgb(245,88,240)
```
#f670f2
```
#f670f2 rgb(246,112,242)
```
#f888f4
```
#f888f4 rgb(248,136,244)
```
#f9a0f6
```
#f9a0f6 rgb(249,160,246)
```

Monochromatic Color

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

#d358f5
```
#d358f5 rgb(211,88,245)
```
#e058f5
```
#e058f5 rgb(224,88,245)
```
#ed58f5
```
#ed58f5 rgb(237,88,245)
```
#f558f0
```
#f558f0 rgb(245,88,240)
```
#f558e3
```
#f558e3 rgb(245,88,227)
```
#f558d6
```
#f558d6 rgb(245,88,214)
```
#f558c9
```
#f558c9 rgb(245,88,201)
```

Similar Colors

Text with hexadecimal color #f558f0

This text has a font color of #f558f0.

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

#f558f0 background color

This paragraph has a background color of #f558f0.

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

#f558f0 border color

This element has a border color of #f558f0.

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

CSS codes

.text {color:#f558f0;}

.background {background-color:#f558f0;}

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

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

#120112
```
#120112 rgb(18,1,18)
```
#250223
```
#250223 rgb(37,2,35)
```
#370335
```
#370335 rgb(55,3,53)
```
#4a0447
```
#4a0447 rgb(74,4,71)
```
#5c0659
```
#5c0659 rgb(92,6,89)
```
#6f076b
```
#6f076b rgb(111,7,107)
```
#81087d
```
#81087d rgb(129,8,125)
```
#94098f
```
#94098f rgb(148,9,143)
```
#a60aa1
```
#a60aa1 rgb(166,10,161)
```
#b90bb3
```
#b90bb3 rgb(185,11,179)
```
#cb0cc5
```
#cb0cc5 rgb(203,12,197)
```
#de0dd7
```
#de0dd7 rgb(222,13,215)
```
#f00ee9
```
#f00ee9 rgb(240,14,233)
```

Shade Color Variation

#f220eb
```
#f220eb rgb(242,32,235)
```
#f333ed
```
#f333ed rgb(243,51,237)
```
#f445ee
```
#f445ee rgb(244,69,238)
```
#f558f0
```
#f558f0 rgb(245,88,240)
```
#f66bf2
```
#f66bf2 rgb(246,107,242)
```
#f77df3
```
#f77df3 rgb(247,125,243)
```
#f890f5
```
#f890f5 rgb(248,144,245)
```
#f9a2f7
```
#f9a2f7 rgb(249,162,247)
```
#fbb5f8
```
#fbb5f8 rgb(251,181,248)
```
#fcc7fa
```
#fcc7fa rgb(252,199,250)
```
#fddafc
```
#fddafc rgb(253,218,252)
```
#feecfd
```
#feecfd rgb(254,236,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#aaa3aa
```
#aaa3aa rgb(170,163,170)
```
#b19cb0
```
#b19cb0 rgb(177,156,176)
```
#b895b7
```
#b895b7 rgb(184,149,183)
```
#bf8ebd
```
#bf8ebd rgb(191,142,189)
```
#c588c3
```
#c588c3 rgb(197,136,195)
```
#cc81ca
```
#cc81ca rgb(204,129,202)
```
#d37ad0
```
#d37ad0 rgb(211,122,208)
```
#da73d7
```
#da73d7 rgb(218,115,215)
```
#e16cdd
```
#e16cdd rgb(225,108,221)
```
#e766e3
```
#e766e3 rgb(231,102,227)
```
#ee5fea
```
#ee5fea rgb(238,95,234)
```
#f558f0
```
#f558f0 rgb(245,88,240)
```
#fc51f6
```
#fc51f6 rgb(252,81,246)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#ab8baa Atypical Achromatopsia 0.001% of the population

Dichromacy

#729dff Protanopia 1% of men
#849ee0 Deuteranopia 1% of men
#e88189 Tritanopia 0.001% of the population

Trichromacy

#a183f9 Protanomaly 1% of men, 0.01% of women
#ad85e5 Deuteranomaly 6% of men, 0.4% of women
#ec72ae Tritanomaly 0.01% of the population

#f558f0 hex color

#f558f0 Color Information

#f558f0 Color Conversion

Color Schemes with #f558f0

Alternatives to #f558f0

#f558f0 Preview

Shades and Tints of #f558f0

Tones of #f558f0

Color Blindness Simulator