#f55fff hex color

In a RGB color space, hex #f55fff is composed of 96.1% red, 37.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 3.9% cyan, 62.7% magenta, 0% yellow and 0% black. It has a hue angle of 296.3 degrees, a saturation of 100% and a lightness of 68.6%. #f55fff color hex could be obtained by blending #ffbeff with #eb00ff. Closest websafe color is: #ff66ff.

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

● #f55fff color description : Light magenta.

The hexadecimal color #f55fff has RGB values of R:245, G:95, B:255 and CMYK values of C:0.04, M:0.63, Y:0, K:0. Its decimal value is 16080895.

Hex triplet	f55fff	`#f55fff`
RGB Decimal	245, 95, 255	`rgb(245,95,255)`
RGB Percent	96.1, 37.3, 100	`rgb(96.1%,37.3%,100%)`
CMYK	4, 63, 0, 0
HSL	296.3°, 100, 68.6	`hsl(296.3,100%,68.6%)`
HSV (or HSB)	296.3°, 62.7, 100
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	65.608, 76.673, -52.511
XYZ	59.797, 34.82, 98.174
xyY	0.31, 0.181, 34.82
CIE-LCH	65.608, 92.931, 325.594
CIE-LUV	65.608, 63.978, -94.543
Hunter-Lab	59.009, 77.619, -57.336
Binary	11110101, 01011111, 11111111

#f55fff
```
#f55fff rgb(245,95,255)
```
#69ff5f
```
#69ff5f rgb(105,255,95)
```

Complementary Color

#a55fff
```
#a55fff rgb(165,95,255)
```
#f55fff
```
#f55fff rgb(245,95,255)
```
#ff5fb9
```
#ff5fb9 rgb(255,95,185)
```

Analogous Color

#5fffa5
```
#5fffa5 rgb(95,255,165)
```
#f55fff
```
#f55fff rgb(245,95,255)
```
#b9ff5f
```
#b9ff5f rgb(185,255,95)
```

Split Complementary Color

#5ffff5
```
#5ffff5 rgb(95,255,245)
```
#f55fff
```
#f55fff rgb(245,95,255)
```
#fff55f
```
#fff55f rgb(255,245,95)
```

Triadic Color

#5f69ff
```
#5f69ff rgb(95,105,255)
```
#f55fff
```
#f55fff rgb(245,95,255)
```
#fff55f
```
#fff55f rgb(255,245,95)
```
#69ff5f
```
#69ff5f rgb(105,255,95)
```

Tetradic Color

#f013ff
```
#f013ff rgb(240,19,255)
```
#f22cff
```
#f22cff rgb(242,44,255)
```
#f346ff
```
#f346ff rgb(243,70,255)
```
#f55fff
```
#f55fff rgb(245,95,255)
```
#f779ff
```
#f779ff rgb(247,121,255)
```
#f892ff
```
#f892ff rgb(248,146,255)
```
#faacff
```
#faacff rgb(250,172,255)
```

Monochromatic Color

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

#cd5fff
```
#cd5fff rgb(205,95,255)
```
#da5fff
```
#da5fff rgb(218,95,255)
```
#e85fff
```
#e85fff rgb(232,95,255)
```
#f55fff
```
#f55fff rgb(245,95,255)
```
#ff5ffc
```
#ff5ffc rgb(255,95,252)
```
#ff5fee
```
#ff5fee rgb(255,95,238)
```
#ff5fe1
```
#ff5fe1 rgb(255,95,225)
```

Similar Colors

Text with hexadecimal color #f55fff

This text has a font color of #f55fff.

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

#f55fff background color

This paragraph has a background color of #f55fff.

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

#f55fff border color

This element has a border color of #f55fff.

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

CSS codes

.text {color:#f55fff;}

.background {background-color:#f55fff;}

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

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

#100011
```
#100011 rgb(16,0,17)
```
#220024
```
#220024 rgb(34,0,36)
```
#340038
```
#340038 rgb(52,0,56)
```
#47004b
```
#47004b rgb(71,0,75)
```
#59005f
```
#59005f rgb(89,0,95)
```
#6b0073
```
#6b0073 rgb(107,0,115)
```
#7e0086
```
#7e0086 rgb(126,0,134)
```
#90009a
```
#90009a rgb(144,0,154)
```
#a300ad
```
#a300ad rgb(163,0,173)
```
#b500c1
```
#b500c1 rgb(181,0,193)
```
#c700d5
```
#c700d5 rgb(199,0,213)
```
#da00e8
```
#da00e8 rgb(218,0,232)
```
#ec00fc
```
#ec00fc rgb(236,0,252)
```

Shade Color Variation

#f011ff
```
#f011ff rgb(240,17,255)
```
#f124ff
```
#f124ff rgb(241,36,255)
```
#f338ff
```
#f338ff rgb(243,56,255)
```
#f44bff
```
#f44bff rgb(244,75,255)
```
#f55fff
```
#f55fff rgb(245,95,255)
```
#f673ff
```
#f673ff rgb(246,115,255)
```
#f786ff
```
#f786ff rgb(247,134,255)
```
#f99aff
```
#f99aff rgb(249,154,255)
```
#faadff
```
#faadff rgb(250,173,255)
```
#fbc1ff
```
#fbc1ff rgb(251,193,255)
```
#fcd5ff
```
#fcd5ff rgb(252,213,255)
```
#fee8ff
```
#fee8ff rgb(254,232,255)
```
#fffcff
```
#fffcff rgb(255,252,255)
```

Tint Color Variation

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

#b4a9b5
```
#b4a9b5 rgb(180,169,181)
```
#baa3bb
```
#baa3bb rgb(186,163,187)
```
#bf9dc1
```
#bf9dc1 rgb(191,157,193)
```
#c596c8
```
#c596c8 rgb(197,150,200)
```
#ca90ce
```
#ca90ce rgb(202,144,206)
```
#cf8ad4
```
#cf8ad4 rgb(207,138,212)
```
#d584da
```
#d584da rgb(213,132,218)
```
#da7ee0
```
#da7ee0 rgb(218,126,224)
```
#df78e6
```
#df78e6 rgb(223,120,230)
```
#e571ed
```
#e571ed rgb(229,113,237)
```
#ea6bf3
```
#ea6bf3 rgb(234,107,243)
```
#f065f9
```
#f065f9 rgb(240,101,249)
```
#f55fff
```
#f55fff rgb(245,95,255)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#af91b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7aa1ff Protanopia 1% of men
#7fa3ed Deuteranopia 1% of men
#e68992 Tritanopia 0.001% of the population

Trichromacy

#a789ff Protanomaly 1% of men, 0.01% of women
#aa8af4 Deuteranomaly 6% of men, 0.4% of women
#eb7aba Tritanomaly 0.01% of the population

#f55fff hex color

#f55fff Color Information

#f55fff Color Conversion

Color Schemes with #f55fff

Alternatives to #f55fff

#f55fff Preview

Shades and Tints of #f55fff

Tones of #f55fff

Color Blindness Simulator