colorhexa.com

#f55df2 hex color

In a RGB color space, hex #f55df2 is composed of 96.1% red, 36.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62% magenta, 1.2% yellow and 3.9% black. It has a hue angle of 301.2 degrees, a saturation of 88.4% and a lightness of 66.3%. #f55df2 color hex could be obtained by blending #ffbaff with #eb00e5. Closest websafe color is: #ff66ff.

- R 96
- G 36
- B 95
RGB color chart
- C 0
- M 62
- Y 1
- K 4
CMYK color chart

● #f55df2 color description : Soft magenta.

The hexadecimal color #f55df2 has RGB values of R:245, G:93, B:242 and CMYK values of C:0, M:0.62, Y:0.01, K:0.04. Its decimal value is 16080370.

Hex triplet	f55df2	`#f55df2`
RGB Decimal	245, 93, 242	`rgb(245,93,242)`
RGB Percent	96.1, 36.5, 94.9	`rgb(96.1%,36.5%,94.9%)`
CMYK	0, 62, 1, 4
HSL	301.2°, 88.4, 66.3	`hsl(301.2,88.4%,66.3%)`
HSV (or HSB)	301.2°, 62, 96.1
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	64.688, 75.319, -46.799
XYZ	57.596, 33.655, 87.462
xyY	0.322, 0.188, 33.655
CIE-LCH	64.688, 88.674, 328.146
CIE-LUV	64.688, 68.519, -85.023
Hunter-Lab	58.013, 75.694, -48.778
Binary	11110101, 01011101, 11110010

#f55df2
```
#f55df2 rgb(245,93,242)
```
#5df560
```
#5df560 rgb(93,245,96)
```

Complementary Color

#ac5df5
```
#ac5df5 rgb(172,93,245)
```
#f55df2
```
#f55df2 rgb(245,93,242)
```
#f55da6
```
#f55da6 rgb(245,93,166)
```

Analogous Color

#5df5ac
```
#5df5ac rgb(93,245,172)
```
#f55df2
```
#f55df2 rgb(245,93,242)
```
#a6f55d
```
#a6f55d rgb(166,245,93)
```

Split Complementary Color

#5df2f5
```
#5df2f5 rgb(93,242,245)
```
#f55df2
```
#f55df2 rgb(245,93,242)
```
#f2f55d
```
#f2f55d rgb(242,245,93)
```

Triadic Color

#605df5
```
#605df5 rgb(96,93,245)
```
#f55df2
```
#f55df2 rgb(245,93,242)
```
#f2f55d
```
#f2f55d rgb(242,245,93)
```
#5df560
```
#5df560 rgb(93,245,96)
```

Tetradic Color

#f115ec
```
#f115ec rgb(241,21,236)
```
#f22dee
```
#f22dee rgb(242,45,238)
```
#f445f0
```
#f445f0 rgb(244,69,240)
```
#f55df2
```
#f55df2 rgb(245,93,242)
```
#f675f4
```
#f675f4 rgb(246,117,244)
```
#f88df6
```
#f88df6 rgb(248,141,246)
```
#f9a5f8
```
#f9a5f8 rgb(249,165,248)
```

Monochromatic Color

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

#d25df5
```
#d25df5 rgb(210,93,245)
```
#df5df5
```
#df5df5 rgb(223,93,245)
```
#eb5df5
```
#eb5df5 rgb(235,93,245)
```
#f55df2
```
#f55df2 rgb(245,93,242)
```
#f55de5
```
#f55de5 rgb(245,93,229)
```
#f55dd9
```
#f55dd9 rgb(245,93,217)
```
#f55dcc
```
#f55dcc rgb(245,93,204)
```

Similar Colors

Text with hexadecimal color #f55df2

This text has a font color of #f55df2.

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

#f55df2 background color

This paragraph has a background color of #f55df2.

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

#f55df2 border color

This element has a border color of #f55df2.

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

CSS codes

.text {color:#f55df2;}

.background {background-color:#f55df2;}

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

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

#040004
```
#040004 rgb(4,0,4)
```
#170116
```
#170116 rgb(23,1,22)
```
#290328
```
#290328 rgb(41,3,40)
```
#3c043b
```
#3c043b rgb(60,4,59)
```
#4e054d
```
#4e054d rgb(78,5,77)
```
#61065f
```
#61065f rgb(97,6,95)
```
#730771
```
#730771 rgb(115,7,113)
```
#860883
```
#860883 rgb(134,8,131)
```
#980995
```
#980995 rgb(152,9,149)
```
#ab0ba7
```
#ab0ba7 rgb(171,11,167)
```
#bd0cba
```
#bd0cba rgb(189,12,186)
```
#cf0dcc
```
#cf0dcc rgb(207,13,204)
```
#e20ede
```
#e20ede rgb(226,14,222)
```

Shade Color Variation

#f013ec
```
#f013ec rgb(240,19,236)
```
#f226ee
```
#f226ee rgb(242,38,238)
```
#f338ef
```
#f338ef rgb(243,56,239)
```
#f44bf1
```
#f44bf1 rgb(244,75,241)
```
#f55df2
```
#f55df2 rgb(245,93,242)
```
#f66ff3
```
#f66ff3 rgb(246,111,243)
```
#f782f5
```
#f782f5 rgb(247,130,245)
```
#f894f6
```
#f894f6 rgb(248,148,246)
```
#faa7f8
```
#faa7f8 rgb(250,167,248)
```
#fbb9f9
```
#fbb9f9 rgb(251,185,249)
```
#fcccfb
```
#fcccfb rgb(252,204,251)
```
#fddefc
```
#fddefc rgb(253,222,252)
```
#fef1fe
```
#fef1fe rgb(254,241,254)
```

Tint Color Variation

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

#aca6ac
```
#aca6ac rgb(172,166,172)
```
#b39fb2
```
#b39fb2 rgb(179,159,178)
```
#b999b9
```
#b999b9 rgb(185,153,185)
```
#c092bf
```
#c092bf rgb(192,146,191)
```
#c78bc6
```
#c78bc6 rgb(199,139,198)
```
#cd85cc
```
#cd85cc rgb(205,133,204)
```
#d47ed2
```
#d47ed2 rgb(212,126,210)
```
#db77d9
```
#db77d9 rgb(219,119,217)
```
#e171df
```
#e171df rgb(225,113,223)
```
#e86ae5
```
#e86ae5 rgb(232,106,229)
```
#ee64ec
```
#ee64ec rgb(238,100,236)
```
#f55df2
```
#f55df2 rgb(245,93,242)
```
#fc56f8
```
#fc56f8 rgb(252,86,248)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#ad8fac Atypical Achromatopsia 0.001% of the population

Dichromacy

#769fff Protanopia 1% of men
#86a0e2 Deuteranopia 1% of men
#e8848d Tritanopia 0.001% of the population

Trichromacy

#a487fa Protanomaly 1% of men, 0.01% of women
#ae88e8 Deuteranomaly 6% of men, 0.4% of women
#ec76b1 Tritanomaly 0.01% of the population