#f552f0 hex color

In a RGB color space, hex #f552f0 is composed of 96.1% red, 32.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.5% magenta, 2% yellow and 3.9% black. It has a hue angle of 301.8 degrees, a saturation of 89.1% and a lightness of 64.1%. #f552f0 color hex could be obtained by blending #ffa4ff with #eb00e1. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 96
- G 32
- B 94
RGB color chart
- C 0
- M 67
- Y 2
- K 4
CMYK color chart

● #f552f0 color description : Soft magenta.

The hexadecimal color #f552f0 has RGB values of R:245, G:82, B:240 and CMYK values of C:0, M:0.67, Y:0.02, K:0.04. Its decimal value is 16077552.

Hex triplet	f552f0	`#f552f0`
RGB Decimal	245, 82, 240	`rgb(245,82,240)`
RGB Percent	96.1, 32.2, 94.1	`rgb(96.1%,32.2%,94.1%)`
CMYK	0, 67, 2, 4
HSL	301.8°, 89.1, 64.1	`hsl(301.8,89.1%,64.1%)`
HSV (or HSB)	301.8°, 66.5, 96.1
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	63.129, 79.09, -48.15
XYZ	56.401, 31.742, 85.59
xyY	0.325, 0.183, 31.742
CIE-LCH	63.129, 92.595, 328.667
CIE-LUV	63.129, 72.209, -87.318
Hunter-Lab	56.34, 80.097, -50.633
Binary	11110101, 01010010, 11110000

#f552f0
```
#f552f0 rgb(245,82,240)
```
#52f557
```
#52f557 rgb(82,245,87)
```

Complementary Color

#a952f5
```
#a952f5 rgb(169,82,245)
```
#f552f0
```
#f552f0 rgb(245,82,240)
```
#f5529f
```
#f5529f rgb(245,82,159)
```

Analogous Color

#52f5a9
```
#52f5a9 rgb(82,245,169)
```
#f552f0
```
#f552f0 rgb(245,82,240)
```
#9ff552
```
#9ff552 rgb(159,245,82)
```

Split Complementary Color

#52f0f5
```
#52f0f5 rgb(82,240,245)
```
#f552f0
```
#f552f0 rgb(245,82,240)
```
#f0f552
```
#f0f552 rgb(240,245,82)
```

Triadic Color

#5752f5
```
#5752f5 rgb(87,82,245)
```
#f552f0
```
#f552f0 rgb(245,82,240)
```
#f0f552
```
#f0f552 rgb(240,245,82)
```
#52f557
```
#52f557 rgb(82,245,87)
```

Tetradic Color

#ed0ee6
```
#ed0ee6 rgb(237,14,230)
```
#f222ec
```
#f222ec rgb(242,34,236)
```
#f43aee
```
#f43aee rgb(244,58,238)
```
#f552f0
```
#f552f0 rgb(245,82,240)
```
#f66af2
```
#f66af2 rgb(246,106,242)
```
#f882f4
```
#f882f4 rgb(248,130,244)
```
#f99af6
```
#f99af6 rgb(249,154,246)
```

Monochromatic Color

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

#d152f5
```
#d152f5 rgb(209,82,245)
```
#df52f5
```
#df52f5 rgb(223,82,245)
```
#ec52f5
```
#ec52f5 rgb(236,82,245)
```
#f552f0
```
#f552f0 rgb(245,82,240)
```
#f552e2
```
#f552e2 rgb(245,82,226)
```
#f552d5
```
#f552d5 rgb(245,82,213)
```
#f552c7
```
#f552c7 rgb(245,82,199)
```

Similar Colors

Text with hexadecimal color #f552f0

This text has a font color of #f552f0.

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

#f552f0 background color

This paragraph has a background color of #f552f0.

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

#f552f0 border color

This element has a border color of #f552f0.

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

CSS codes

.text {color:#f552f0;}

.background {background-color:#f552f0;}

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

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

#0c010c
```
#0c010c rgb(12,1,12)
```
#1f021e
```
#1f021e rgb(31,2,30)
```
#320330
```
#320330 rgb(50,3,48)
```
#440442
```
#440442 rgb(68,4,66)
```
#570554
```
#570554 rgb(87,5,84)
```
#690666
```
#690666 rgb(105,6,102)
```
#7c0778
```
#7c0778 rgb(124,7,120)
```
#8e088a
```
#8e088a rgb(142,8,138)
```
#a1099c
```
#a1099c rgb(161,9,156)
```
#b30aae
```
#b30aae rgb(179,10,174)
```
#c60bc0
```
#c60bc0 rgb(198,11,192)
```
#d80dd2
```
#d80dd2 rgb(216,13,210)
```
#eb0ee4
```
#eb0ee4 rgb(235,14,228)
```

Shade Color Variation

#f21aeb
```
#f21aeb rgb(242,26,235)
```
#f32ded
```
#f32ded rgb(243,45,237)
```
#f43fee
```
#f43fee rgb(244,63,238)
```
#f552f0
```
#f552f0 rgb(245,82,240)
```
#f665f2
```
#f665f2 rgb(246,101,242)
```
#f777f3
```
#f777f3 rgb(247,119,243)
```
#f88af5
```
#f88af5 rgb(248,138,245)
```
#f99cf6
```
#f99cf6 rgb(249,156,246)
```
#faaff8
```
#faaff8 rgb(250,175,248)
```
#fbc1fa
```
#fbc1fa rgb(251,193,250)
```
#fdd4fb
```
#fdd4fb rgb(253,212,251)
```
#fee6fd
```
#fee6fd rgb(254,230,253)
```
#fff9fe
```
#fff9fe rgb(255,249,254)
```

Tint Color Variation

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

#a89fa7
```
#a89fa7 rgb(168,159,167)
```
#af98ae
```
#af98ae rgb(175,152,174)
```
#b691b5
```
#b691b5 rgb(182,145,181)
```
#bd8abb
```
#bd8abb rgb(189,138,187)
```
#c483c2
```
#c483c2 rgb(196,131,194)
```
#cb7cc8
```
#cb7cc8 rgb(203,124,200)
```
#d275cf
```
#d275cf rgb(210,117,207)
```
#d96ed6
```
#d96ed6 rgb(217,110,214)
```
#e067dc
```
#e067dc rgb(224,103,220)
```
#e760e3
```
#e760e3 rgb(231,96,227)
```
#ee59e9
```
#ee59e9 rgb(238,89,233)
```
#f552f0
```
#f552f0 rgb(245,82,240)
```
#fc4bf7
```
#fc4bf7 rgb(252,75,247)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#a888a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e9bff Protanopia 1% of men
#809ddf Deuteranopia 1% of men
#e87e86 Tritanopia 0.001% of the population

Trichromacy

#9f80f9 Protanomaly 1% of men, 0.01% of women
#aa81e5 Deuteranomaly 6% of men, 0.4% of women
#ec6eac Tritanomaly 0.01% of the population

#f552f0 hex color

#f552f0 Color Information

#f552f0 Color Conversion

Color Schemes with #f552f0

Alternatives to #f552f0

#f552f0 Preview

Shades and Tints of #f552f0

Tones of #f552f0

Color Blindness Simulator