#f558fe hex color

In a RGB color space, hex #f558fe is composed of 96.1% red, 34.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 3.5% cyan, 65.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 296.7 degrees, a saturation of 98.8% and a lightness of 67.1%. #f558fe color hex could be obtained by blending #ffb0ff with #eb00fd. Closest websafe color is: #ff66ff.

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

● #f558fe color description : Soft magenta.

The hexadecimal color #f558fe has RGB values of R:245, G:88, B:254 and CMYK values of C:0.04, M:0.65, Y:0, K:0. Its decimal value is 16079102.

Hex triplet	f558fe	`#f558fe`
RGB Decimal	245, 88, 254	`rgb(245,88,254)`
RGB Percent	96.1, 34.5, 99.6	`rgb(96.1%,34.5%,99.6%)`
CMYK	4, 65, 0, 0
HSL	296.7°, 98.8, 67.1	`hsl(296.7,98.8%,67.1%)`
HSV (or HSB)	296.7°, 65.4, 99.6
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	64.605, 79.17, -53.553
XYZ	59.034, 33.551, 97.127
xyY	0.311, 0.177, 33.551
CIE-LCH	64.605, 95.581, 325.924
CIE-LUV	64.605, 66.155, -96.266
Hunter-Lab	57.923, 80.557, -58.873
Binary	11110101, 01011000, 11111110

#f558fe
```
#f558fe rgb(245,88,254)
```
#61fe58
```
#61fe58 rgb(97,254,88)
```

Complementary Color

#a258fe
```
#a258fe rgb(162,88,254)
```
#f558fe
```
#f558fe rgb(245,88,254)
```
#fe58b4
```
#fe58b4 rgb(254,88,180)
```

Analogous Color

#58fea2
```
#58fea2 rgb(88,254,162)
```
#f558fe
```
#f558fe rgb(245,88,254)
```
#b4fe58
```
#b4fe58 rgb(180,254,88)
```

Split Complementary Color

#58fef5
```
#58fef5 rgb(88,254,245)
```
#f558fe
```
#f558fe rgb(245,88,254)
```
#fef558
```
#fef558 rgb(254,245,88)
```

Triadic Color

#5861fe
```
#5861fe rgb(88,97,254)
```
#f558fe
```
#f558fe rgb(245,88,254)
```
#fef558
```
#fef558 rgb(254,245,88)
```
#61fe58
```
#61fe58 rgb(97,254,88)
```

Tetradic Color

#f00cfe
```
#f00cfe rgb(240,12,254)
```
#f225fe
```
#f225fe rgb(242,37,254)
```
#f33ffe
```
#f33ffe rgb(243,63,254)
```
#f558fe
```
#f558fe rgb(245,88,254)
```
#f771fe
```
#f771fe rgb(247,113,254)
```
#f88bfe
```
#f88bfe rgb(248,139,254)
```
#faa4fe
```
#faa4fe rgb(250,164,254)
```

Monochromatic Color

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

#cc58fe
```
#cc58fe rgb(204,88,254)
```
#d958fe
```
#d958fe rgb(217,88,254)
```
#e758fe
```
#e758fe rgb(231,88,254)
```
#f558fe
```
#f558fe rgb(245,88,254)
```
#fe58f9
```
#fe58f9 rgb(254,88,249)
```
#fe58eb
```
#fe58eb rgb(254,88,235)
```
#fe58de
```
#fe58de rgb(254,88,222)
```

Similar Colors

Text with hexadecimal color #f558fe

This text has a font color of #f558fe.

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

#f558fe background color

This paragraph has a background color of #f558fe.

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

#f558fe border color

This element has a border color of #f558fe.

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

CSS codes

.text {color:#f558fe;}

.background {background-color:#f558fe;}

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

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

#080008
```
#080008 rgb(8,0,8)
```
#1a001c
```
#1a001c rgb(26,0,28)
```
#2d002f
```
#2d002f rgb(45,0,47)
```
#3f0043
```
#3f0043 rgb(63,0,67)
```
#520156
```
#520156 rgb(82,1,86)
```
#64016a
```
#64016a rgb(100,1,106)
```
#77017d
```
#77017d rgb(119,1,125)
```
#890191
```
#890191 rgb(137,1,145)
```
#9c01a4
```
#9c01a4 rgb(156,1,164)
```
#ae01b8
```
#ae01b8 rgb(174,1,184)
```
#c101cb
```
#c101cb rgb(193,1,203)
```
#d301df
```
#d301df rgb(211,1,223)
```
#e501f2
```
#e501f2 rgb(229,1,242)
```

Shade Color Variation

#f00afe
```
#f00afe rgb(240,10,254)
```
#f11efe
```
#f11efe rgb(241,30,254)
```
#f331fe
```
#f331fe rgb(243,49,254)
```
#f445fe
```
#f445fe rgb(244,69,254)
```
#f558fe
```
#f558fe rgb(245,88,254)
```
#f66bfe
```
#f66bfe rgb(246,107,254)
```
#f77ffe
```
#f77ffe rgb(247,127,254)
```
#f992fe
```
#f992fe rgb(249,146,254)
```
#faa6fe
```
#faa6fe rgb(250,166,254)
```
#fbb9ff
```
#fbb9ff rgb(251,185,255)
```
#fccdff
```
#fccdff rgb(252,205,255)
```
#fde0ff
```
#fde0ff rgb(253,224,255)
```
#fef4ff
```
#fef4ff rgb(254,244,255)
```

Tint Color Variation

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

#b0a6b0
```
#b0a6b0 rgb(176,166,176)
```
#b69fb7
```
#b69fb7 rgb(182,159,183)
```
#bb99bd
```
#bb99bd rgb(187,153,189)
```
#c192c4
```
#c192c4 rgb(193,146,196)
```
#c78cca
```
#c78cca rgb(199,140,202)
```
#cd85d1
```
#cd85d1 rgb(205,133,209)
```
#d27fd7
```
#d27fd7 rgb(210,127,215)
```
#d878de
```
#d878de rgb(216,120,222)
```
#de72e4
```
#de72e4 rgb(222,114,228)
```
#e46beb
```
#e46beb rgb(228,107,235)
```
#e965f1
```
#e965f1 rgb(233,101,241)
```
#ef5ef8
```
#ef5ef8 rgb(239,94,248)
```
#f558fe
```
#f558fe rgb(245,88,254)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#ac8dae Atypical Achromatopsia 0.001% of the population

Dichromacy

#759fff Protanopia 1% of men
#7ba1ec Deuteranopia 1% of men
#e6858e Tritanopia 0.001% of the population

Trichromacy

#a385fe Protanomaly 1% of men, 0.01% of women
#a786f2 Deuteranomaly 6% of men, 0.4% of women
#eb74b6 Tritanomaly 0.01% of the population

#f558fe hex color

#f558fe Color Information

#f558fe Color Conversion

Color Schemes with #f558fe

Alternatives to #f558fe

#f558fe Preview

Shades and Tints of #f558fe

Tones of #f558fe

Color Blindness Simulator