#f55dfd hex color

In a RGB color space, hex #f55dfd is composed of 96.1% red, 36.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 63.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 297 degrees, a saturation of 97.6% and a lightness of 67.8%. #f55dfd color hex could be obtained by blending #ffbaff with #eb00fb. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 96
- G 36
- B 99
RGB color chart
- C 3
- M 63
- Y 0
- K 1
CMYK color chart

● #f55dfd color description : Soft magenta.

The hexadecimal color #f55dfd has RGB values of R:245, G:93, B:253 and CMYK values of C:0.03, M:0.63, Y:0, K:0.01. Its decimal value is 16080381.

Hex triplet	f55dfd	`#f55dfd`
RGB Decimal	245, 93, 253	`rgb(245,93,253)`
RGB Percent	96.1, 36.5, 99.2	`rgb(96.1%,36.5%,99.2%)`
CMYK	3, 63, 0, 1
HSL	297°, 97.6, 67.8	`hsl(297,97.6%,67.8%)`
HSV (or HSB)	297°, 63.2, 99.2
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	65.229, 77.117, -52.014
XYZ	59.299, 34.336, 96.427
xyY	0.312, 0.181, 34.336
CIE-LCH	65.229, 93.018, 326.001
CIE-LUV	65.229, 65.133, -93.711
Hunter-Lab	58.597, 78.092, -56.549
Binary	11110101, 01011101, 11111101

#f55dfd
```
#f55dfd rgb(245,93,253)
```
#65fd5d
```
#65fd5d rgb(101,253,93)
```

Complementary Color

#a55dfd
```
#a55dfd rgb(165,93,253)
```
#f55dfd
```
#f55dfd rgb(245,93,253)
```
#fd5db5
```
#fd5db5 rgb(253,93,181)
```

Analogous Color

#5dfda5
```
#5dfda5 rgb(93,253,165)
```
#f55dfd
```
#f55dfd rgb(245,93,253)
```
#b5fd5d
```
#b5fd5d rgb(181,253,93)
```

Split Complementary Color

#5dfdf5
```
#5dfdf5 rgb(93,253,245)
```
#f55dfd
```
#f55dfd rgb(245,93,253)
```
#fdf55d
```
#fdf55d rgb(253,245,93)
```

Triadic Color

#5d65fd
```
#5d65fd rgb(93,101,253)
```
#f55dfd
```
#f55dfd rgb(245,93,253)
```
#fdf55d
```
#fdf55d rgb(253,245,93)
```
#65fd5d
```
#65fd5d rgb(101,253,93)
```

Tetradic Color

#f011fc
```
#f011fc rgb(240,17,252)
```
#f22bfc
```
#f22bfc rgb(242,43,252)
```
#f344fd
```
#f344fd rgb(243,68,253)
```
#f55dfd
```
#f55dfd rgb(245,93,253)
```
#f776fd
```
#f776fd rgb(247,118,253)
```
#f88ffe
```
#f88ffe rgb(248,143,254)
```
#faa9fe
```
#faa9fe rgb(250,169,254)
```

Monochromatic Color

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

#cd5dfd
```
#cd5dfd rgb(205,93,253)
```
#da5dfd
```
#da5dfd rgb(218,93,253)
```
#e85dfd
```
#e85dfd rgb(232,93,253)
```
#f55dfd
```
#f55dfd rgb(245,93,253)
```
#fd5df8
```
#fd5df8 rgb(253,93,248)
```
#fd5dea
```
#fd5dea rgb(253,93,234)
```
#fd5ddd
```
#fd5ddd rgb(253,93,221)
```

Similar Colors

Text with hexadecimal color #f55dfd

This text has a font color of #f55dfd.

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

#f55dfd background color

This paragraph has a background color of #f55dfd.

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

#f55dfd border color

This element has a border color of #f55dfd.

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

CSS codes

.text {color:#f55dfd;}

.background {background-color:#f55dfd;}

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

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

#0c000c
```
#0c000c rgb(12,0,12)
```
#1e0020
```
#1e0020 rgb(30,0,32)
```
#310133
```
#310133 rgb(49,1,51)
```
#430147
```
#430147 rgb(67,1,71)
```
#55015a
```
#55015a rgb(85,1,90)
```
#68016d
```
#68016d rgb(104,1,109)
```
#7a0281
```
#7a0281 rgb(122,2,129)
```
#8d0294
```
#8d0294 rgb(141,2,148)
```
#9f02a7
```
#9f02a7 rgb(159,2,167)
```
#b202bb
```
#b202bb rgb(178,2,187)
```
#c403ce
```
#c403ce rgb(196,3,206)
```
#d603e2
```
#d603e2 rgb(214,3,226)
```
#e903f5
```
#e903f5 rgb(233,3,245)
```

Shade Color Variation

#f00ffc
```
#f00ffc rgb(240,15,252)
```
#f123fc
```
#f123fc rgb(241,35,252)
```
#f336fd
```
#f336fd rgb(243,54,253)
```
#f44afd
```
#f44afd rgb(244,74,253)
```
#f55dfd
```
#f55dfd rgb(245,93,253)
```
#f670fd
```
#f670fd rgb(246,112,253)
```
#f784fd
```
#f784fd rgb(247,132,253)
```
#f997fe
```
#f997fe rgb(249,151,254)
```
#faabfe
```
#faabfe rgb(250,171,254)
```
#fbbefe
```
#fbbefe rgb(251,190,254)
```
#fcd1fe
```
#fcd1fe rgb(252,209,254)
```
#fde5ff
```
#fde5ff rgb(253,229,255)
```
#fff8ff
```
#fff8ff rgb(255,248,255)
```

Tint Color Variation

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

#b1a9b1
```
#b1a9b1 rgb(177,169,177)
```
#b7a2b8
```
#b7a2b8 rgb(183,162,184)
```
#bc9cbe
```
#bc9cbe rgb(188,156,190)
```
#c296c4
```
#c296c4 rgb(194,150,196)
```
#c88fcb
```
#c88fcb rgb(200,143,203)
```
#cd89d1
```
#cd89d1 rgb(205,137,209)
```
#d383d7
```
#d383d7 rgb(211,131,215)
```
#d97ddd
```
#d97ddd rgb(217,125,221)
```
#de76e4
```
#de76e4 rgb(222,118,228)
```
#e470ea
```
#e470ea rgb(228,112,234)
```
#ea6af0
```
#ea6af0 rgb(234,106,240)
```
#ef63f7
```
#ef63f7 rgb(239,99,247)
```
#f55dfd
```
#f55dfd rgb(245,93,253)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#af90b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#78a0ff Protanopia 1% of men
#7fa2eb Deuteranopia 1% of men
#e68790 Tritanopia 0.001% of the population

Trichromacy

#a588fe Protanomaly 1% of men, 0.01% of women
#aa89f2 Deuteranomaly 6% of men, 0.4% of women
#eb78b8 Tritanomaly 0.01% of the population

#f55dfd hex color

#f55dfd Color Information

#f55dfd Color Conversion

Color Schemes with #f55dfd

Alternatives to #f55dfd

#f55dfd Preview

Shades and Tints of #f55dfd

Tones of #f55dfd

Color Blindness Simulator