#f55bff hex color

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

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

● #f55bff color description : Light magenta.

The hexadecimal color #f55bff has RGB values of R:245, G:91, B:255 and CMYK values of C:0.04, M:0.64, Y:0, K:0. Its decimal value is 16079871.

Hex triplet	f55bff	`#f55bff`
RGB Decimal	245, 91, 255	`rgb(245,91,255)`
RGB Percent	96.1, 35.7, 100	`rgb(96.1%,35.7%,100%)`
CMYK	4, 64, 0, 0
HSL	296.3°, 100, 67.8	`hsl(296.3,100%,67.8%)`
HSV (or HSB)	296.3°, 64.3, 100
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	65.056, 78.214, -53.387
XYZ	59.446, 34.118, 98.057
xyY	0.31, 0.178, 34.118
CIE-LCH	65.056, 94.697, 325.683
CIE-LUV	65.056, 65.063, -95.999
Hunter-Lab	58.411, 79.445, -58.646
Binary	11110101, 01011011, 11111111

#f55bff
```
#f55bff rgb(245,91,255)
```
#65ff5b
```
#65ff5b rgb(101,255,91)
```

Complementary Color

#a35bff
```
#a35bff rgb(163,91,255)
```
#f55bff
```
#f55bff rgb(245,91,255)
```
#ff5bb7
```
#ff5bb7 rgb(255,91,183)
```

Analogous Color

#5bffa3
```
#5bffa3 rgb(91,255,163)
```
#f55bff
```
#f55bff rgb(245,91,255)
```
#b7ff5b
```
#b7ff5b rgb(183,255,91)
```

Split Complementary Color

#5bfff5
```
#5bfff5 rgb(91,255,245)
```
#f55bff
```
#f55bff rgb(245,91,255)
```
#fff55b
```
#fff55b rgb(255,245,91)
```

Triadic Color

#5b65ff
```
#5b65ff rgb(91,101,255)
```
#f55bff
```
#f55bff rgb(245,91,255)
```
#fff55b
```
#fff55b rgb(255,245,91)
```
#65ff5b
```
#65ff5b rgb(101,255,91)
```

Tetradic Color

#f00fff
```
#f00fff rgb(240,15,255)
```
#f228ff
```
#f228ff rgb(242,40,255)
```
#f342ff
```
#f342ff rgb(243,66,255)
```
#f55bff
```
#f55bff rgb(245,91,255)
```
#f775ff
```
#f775ff rgb(247,117,255)
```
#f88eff
```
#f88eff rgb(248,142,255)
```
#faa8ff
```
#faa8ff rgb(250,168,255)
```

Monochromatic Color

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

#cc5bff
```
#cc5bff rgb(204,91,255)
```
#da5bff
```
#da5bff rgb(218,91,255)
```
#e75bff
```
#e75bff rgb(231,91,255)
```
#f55bff
```
#f55bff rgb(245,91,255)
```
#ff5bfb
```
#ff5bfb rgb(255,91,251)
```
#ff5bee
```
#ff5bee rgb(255,91,238)
```
#ff5be0
```
#ff5be0 rgb(255,91,224)
```

Similar Colors

Text with hexadecimal color #f55bff

This text has a font color of #f55bff.

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

#f55bff background color

This paragraph has a background color of #f55bff.

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

#f55bff border color

This element has a border color of #f55bff.

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

CSS codes

.text {color:#f55bff;}

.background {background-color:#f55bff;}

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

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, #0c000d is the darkest color, while #fff8ff is the lightest one.

#0c000d
```
#0c000d rgb(12,0,13)
```
#1e0020
```
#1e0020 rgb(30,0,32)
```
#310034
```
#310034 rgb(49,0,52)
```
#430047
```
#430047 rgb(67,0,71)
```
#55005b
```
#55005b rgb(85,0,91)
```
#68006f
```
#68006f rgb(104,0,111)
```
#7a0082
```
#7a0082 rgb(122,0,130)
```
#8d0096
```
#8d0096 rgb(141,0,150)
```
#9f00a9
```
#9f00a9 rgb(159,0,169)
```
#b200bd
```
#b200bd rgb(178,0,189)
```
#c400d1
```
#c400d1 rgb(196,0,209)
```
#d600e4
```
#d600e4 rgb(214,0,228)
```
#e900f8
```
#e900f8 rgb(233,0,248)
```

Shade Color Variation

#f00dff
```
#f00dff rgb(240,13,255)
```
#f120ff
```
#f120ff rgb(241,32,255)
```
#f334ff
```
#f334ff rgb(243,52,255)
```
#f447ff
```
#f447ff rgb(244,71,255)
```
#f55bff
```
#f55bff rgb(245,91,255)
```
#f66fff
```
#f66fff rgb(246,111,255)
```
#f782ff
```
#f782ff rgb(247,130,255)
```
#f996ff
```
#f996ff rgb(249,150,255)
```
#faa9ff
```
#faa9ff rgb(250,169,255)
```
#fbbdff
```
#fbbdff rgb(251,189,255)
```
#fcd1ff
```
#fcd1ff rgb(252,209,255)
```
#fde4ff
```
#fde4ff rgb(253,228,255)
```
#fff8ff
```
#fff8ff rgb(255,248,255)
```

Tint Color Variation

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

#b3a7b3
```
#b3a7b3 rgb(179,167,179)
```
#b8a0ba
```
#b8a0ba rgb(184,160,186)
```
#be9ac0
```
#be9ac0 rgb(190,154,192)
```
#c394c6
```
#c394c6 rgb(195,148,198)
```
#c98dcd
```
#c98dcd rgb(201,141,205)
```
#ce87d3
```
#ce87d3 rgb(206,135,211)
```
#d481d9
```
#d481d9 rgb(212,129,217)
```
#d97bdf
```
#d97bdf rgb(217,123,223)
```
#df74e6
```
#df74e6 rgb(223,116,230)
```
#e46eec
```
#e46eec rgb(228,110,236)
```
#ea68f2
```
#ea68f2 rgb(234,104,242)
```
#ef61f9
```
#ef61f9 rgb(239,97,249)
```
#f55bff
```
#f55bff rgb(245,91,255)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#ae8fb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#77a0ff Protanopia 1% of men
#7ca2ed Deuteranopia 1% of men
#e68790 Tritanopia 0.001% of the population

Trichromacy

#a587ff Protanomaly 1% of men, 0.01% of women
#a888f3 Deuteranomaly 6% of men, 0.4% of women
#eb77b8 Tritanomaly 0.01% of the population

#f55bff hex color

#f55bff Color Information

#f55bff Color Conversion

Color Schemes with #f55bff

Alternatives to #f55bff

#f55bff Preview

Shades and Tints of #f55bff

Tones of #f55bff

Color Blindness Simulator