#f552fd hex color

In a RGB color space, hex #f552fd is composed of 96.1% red, 32.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 67.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 297.2 degrees, a saturation of 97.7% and a lightness of 65.7%. #f552fd color hex could be obtained by blending #ffa4ff with #eb00fb. Closest websafe color is: #ff66ff.

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

● #f552fd color description : Soft magenta.

The hexadecimal color #f552fd has RGB values of R:245, G:82, B:253 and CMYK values of C:0.03, M:0.68, Y:0, K:0.01. Its decimal value is 16077565.

Hex triplet	f552fd	`#f552fd`
RGB Decimal	245, 82, 253	`rgb(245,82,253)`
RGB Percent	96.1, 32.2, 99.2	`rgb(96.1%,32.2%,99.2%)`
CMYK	3, 68, 0, 1
HSL	297.2°, 97.7, 65.7	`hsl(297.2,97.7%,65.7%)`
HSV (or HSB)	297.2°, 67.6, 99.2
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	63.789, 81.159, -54.298
XYZ	58.402, 32.542, 96.128
xyY	0.312, 0.174, 32.542
CIE-LCH	63.789, 97.647, 326.216
CIE-LUV	63.789, 67.961, -97.477
Hunter-Lab	57.046, 82.912, -59.978
Binary	11110101, 01010010, 11111101

#f552fd
```
#f552fd rgb(245,82,253)
```
#5afd52
```
#5afd52 rgb(90,253,82)
```

Complementary Color

#a052fd
```
#a052fd rgb(160,82,253)
```
#f552fd
```
#f552fd rgb(245,82,253)
```
#fd52b0
```
#fd52b0 rgb(253,82,176)
```

Analogous Color

#52fda0
```
#52fda0 rgb(82,253,160)
```
#f552fd
```
#f552fd rgb(245,82,253)
```
#b0fd52
```
#b0fd52 rgb(176,253,82)
```

Split Complementary Color

#52fdf5
```
#52fdf5 rgb(82,253,245)
```
#f552fd
```
#f552fd rgb(245,82,253)
```
#fdf552
```
#fdf552 rgb(253,245,82)
```

Triadic Color

#525afd
```
#525afd rgb(82,90,253)
```
#f552fd
```
#f552fd rgb(245,82,253)
```
#fdf552
```
#fdf552 rgb(253,245,82)
```
#5afd52
```
#5afd52 rgb(90,253,82)
```

Tetradic Color

#f106fc
```
#f106fc rgb(241,6,252)
```
#f220fc
```
#f220fc rgb(242,32,252)
```
#f439fd
```
#f439fd rgb(244,57,253)
```
#f552fd
```
#f552fd rgb(245,82,253)
```
#f66bfd
```
#f66bfd rgb(246,107,253)
```
#f884fe
```
#f884fe rgb(248,132,254)
```
#f99efe
```
#f99efe rgb(249,158,254)
```

Monochromatic Color

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

#ca52fd
```
#ca52fd rgb(202,82,253)
```
#d952fd
```
#d952fd rgb(217,82,253)
```
#e752fd
```
#e752fd rgb(231,82,253)
```
#f552fd
```
#f552fd rgb(245,82,253)
```
#fd52f7
```
#fd52f7 rgb(253,82,247)
```
#fd52e9
```
#fd52e9 rgb(253,82,233)
```
#fd52da
```
#fd52da rgb(253,82,218)
```

Similar Colors

Text with hexadecimal color #f552fd

This text has a font color of #f552fd.

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

#f552fd background color

This paragraph has a background color of #f552fd.

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

#f552fd border color

This element has a border color of #f552fd.

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

CSS codes

.text {color:#f552fd;}

.background {background-color:#f552fd;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#140015
```
#140015 rgb(20,0,21)
```
#260028
```
#260028 rgb(38,0,40)
```
#39013c
```
#39013c rgb(57,1,60)
```
#4b014f
```
#4b014f rgb(75,1,79)
```
#5e0162
```
#5e0162 rgb(94,1,98)
```
#700176
```
#700176 rgb(112,1,118)
```
#830289
```
#830289 rgb(131,2,137)
```
#95029d
```
#95029d rgb(149,2,157)
```
#a802b0
```
#a802b0 rgb(168,2,176)
```
#ba02c3
```
#ba02c3 rgb(186,2,195)
```
#cd02d7
```
#cd02d7 rgb(205,2,215)
```
#df03ea
```
#df03ea rgb(223,3,234)
```

Shade Color Variation

#f104fc
```
#f104fc rgb(241,4,252)
```
#f218fc
```
#f218fc rgb(242,24,252)
```
#f32bfd
```
#f32bfd rgb(243,43,253)
```
#f43ffd
```
#f43ffd rgb(244,63,253)
```
#f552fd
```
#f552fd rgb(245,82,253)
```
#f665fd
```
#f665fd rgb(246,101,253)
```
#f779fd
```
#f779fd rgb(247,121,253)
```
#f88cfe
```
#f88cfe rgb(248,140,254)
```
#f9a0fe
```
#f9a0fe rgb(249,160,254)
```
#fbb3fe
```
#fbb3fe rgb(251,179,254)
```
#fcc6fe
```
#fcc6fe rgb(252,198,254)
```
#fddaff
```
#fddaff rgb(253,218,255)
```
#feedff
```
#feedff rgb(254,237,255)
```

Tint Color Variation

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

#aca3ac
```
#aca3ac rgb(172,163,172)
```
#b29cb3
```
#b29cb3 rgb(178,156,179)
```
#b895ba
```
#b895ba rgb(184,149,186)
```
#be8fc0
```
#be8fc0 rgb(190,143,192)
```
#c488c7
```
#c488c7 rgb(196,136,199)
```
#ca81ce
```
#ca81ce rgb(202,129,206)
```
#d07ad5
```
#d07ad5 rgb(208,122,213)
```
#d674db
```
#d674db rgb(214,116,219)
```
#dd6de2
```
#dd6de2 rgb(221,109,226)
```
#e366e9
```
#e366e9 rgb(227,102,233)
```
#e95ff0
```
#e95ff0 rgb(233,95,240)
```
#ef59f6
```
#ef59f6 rgb(239,89,246)
```
#f552fd
```
#f552fd rgb(245,82,253)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#a988ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#719cff Protanopia 1% of men
#779fea Deuteranopia 1% of men
#e6828a Tritanopia 0.001% of the population

Trichromacy

#a181fe Protanomaly 1% of men, 0.01% of women
#a583f1 Deuteranomaly 6% of men, 0.4% of women
#eb70b4 Tritanomaly 0.01% of the population

#f552fd hex color

#f552fd Color Information

#f552fd Color Conversion

Color Schemes with #f552fd

Alternatives to #f552fd

#f552fd Preview

Shades and Tints of #f552fd

Tones of #f552fd

Color Blindness Simulator