#f552d1 hex color

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

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

● #f552d1 color description : Soft magenta.

The hexadecimal color #f552d1 has RGB values of R:245, G:82, B:209 and CMYK values of C:0, M:0.67, Y:0.15, K:0.04. Its decimal value is 16077521.

Hex triplet	f552d1	`#f552d1`
RGB Decimal	245, 82, 209	`rgb(245,82,209)`
RGB Percent	96.1, 32.2, 82	`rgb(96.1%,32.2%,82%)`
CMYK	0, 67, 15, 4
HSL	313.3°, 89.1, 64.1	`hsl(313.3,89.1%,64.1%)`
HSV (or HSB)	313.3°, 66.5, 96.1
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	61.701, 74.496, -33.016
XYZ	52.182, 30.054, 63.371
xyY	0.358, 0.206, 30.054
CIE-LCH	61.701, 81.485, 336.098
CIE-LUV	61.701, 82.863, -62.631
Hunter-Lab	54.822, 73.966, -30.161
Binary	11110101, 01010010, 11010001

#f552d1
```
#f552d1 rgb(245,82,209)
```
#52f576
```
#52f576 rgb(82,245,118)
```

Complementary Color

#c852f5
```
#c852f5 rgb(200,82,245)
```
#f552d1
```
#f552d1 rgb(245,82,209)
```
#f55280
```
#f55280 rgb(245,82,128)
```

Analogous Color

#52f5c8
```
#52f5c8 rgb(82,245,200)
```
#f552d1
```
#f552d1 rgb(245,82,209)
```
#80f552
```
#80f552 rgb(128,245,82)
```

Split Complementary Color

#52d1f5
```
#52d1f5 rgb(82,209,245)
```
#f552d1
```
#f552d1 rgb(245,82,209)
```
#d1f552
```
#d1f552 rgb(209,245,82)
```

Triadic Color

#7652f5
```
#7652f5 rgb(118,82,245)
```
#f552d1
```
#f552d1 rgb(245,82,209)
```
#d1f552
```
#d1f552 rgb(209,245,82)
```
#52f576
```
#52f576 rgb(82,245,118)
```

Tetradic Color

#ed0ebc
```
#ed0ebc rgb(237,14,188)
```
#f222c4
```
#f222c4 rgb(242,34,196)
```
#f43acb
```
#f43acb rgb(244,58,203)
```
#f552d1
```
#f552d1 rgb(245,82,209)
```
#f66ad7
```
#f66ad7 rgb(246,106,215)
```
#f882de
```
#f882de rgb(248,130,222)
```
#f99ae4
```
#f99ae4 rgb(249,154,228)
```

Monochromatic Color

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

#f052f5
```
#f052f5 rgb(240,82,245)
```
#f552ec
```
#f552ec rgb(245,82,236)
```
#f552df
```
#f552df rgb(245,82,223)
```
#f552d1
```
#f552d1 rgb(245,82,209)
```
#f552c3
```
#f552c3 rgb(245,82,195)
```
#f552b6
```
#f552b6 rgb(245,82,182)
```
#f552a8
```
#f552a8 rgb(245,82,168)
```

Similar Colors

Text with hexadecimal color #f552d1

This text has a font color of #f552d1.

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

#f552d1 background color

This paragraph has a background color of #f552d1.

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

#f552d1 border color

This element has a border color of #f552d1.

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

CSS codes

.text {color:#f552d1;}

.background {background-color:#f552d1;}

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

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

#0c010a
```
#0c010a rgb(12,1,10)
```
#1f0219
```
#1f0219 rgb(31,2,25)
```
#320327
```
#320327 rgb(50,3,39)
```
#440436
```
#440436 rgb(68,4,54)
```
#570545
```
#570545 rgb(87,5,69)
```
#690653
```
#690653 rgb(105,6,83)
```
#7c0762
```
#7c0762 rgb(124,7,98)
```
#8e0871
```
#8e0871 rgb(142,8,113)
```
#a1097f
```
#a1097f rgb(161,9,127)
```
#b30a8e
```
#b30a8e rgb(179,10,142)
```
#c60b9d
```
#c60b9d rgb(198,11,157)
```
#d80dab
```
#d80dab rgb(216,13,171)
```
#eb0eba
```
#eb0eba rgb(235,14,186)
```

Shade Color Variation

#f21ac2
```
#f21ac2 rgb(242,26,194)
```
#f32dc7
```
#f32dc7 rgb(243,45,199)
```
#f43fcc
```
#f43fcc rgb(244,63,204)
```
#f552d1
```
#f552d1 rgb(245,82,209)
```
#f665d6
```
#f665d6 rgb(246,101,214)
```
#f777db
```
#f777db rgb(247,119,219)
```
#f88ae0
```
#f88ae0 rgb(248,138,224)
```
#f99ce5
```
#f99ce5 rgb(249,156,229)
```
#faafea
```
#faafea rgb(250,175,234)
```
#fbc1ef
```
#fbc1ef rgb(251,193,239)
```
#fdd4f4
```
#fdd4f4 rgb(253,212,244)
```
#fee6f8
```
#fee6f8 rgb(254,230,248)
```
#fff9fd
```
#fff9fd rgb(255,249,253)
```

Tint Color Variation

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

#a89fa6
```
#a89fa6 rgb(168,159,166)
```
#af98aa
```
#af98aa rgb(175,152,170)
```
#b691ae
```
#b691ae rgb(182,145,174)
```
#bd8ab2
```
#bd8ab2 rgb(189,138,178)
```
#c483b5
```
#c483b5 rgb(196,131,181)
```
#cb7cb9
```
#cb7cb9 rgb(203,124,185)
```
#d275bd
```
#d275bd rgb(210,117,189)
```
#d96ec1
```
#d96ec1 rgb(217,110,193)
```
#e067c5
```
#e067c5 rgb(224,103,197)
```
#e760c9
```
#e760c9 rgb(231,96,201)
```
#ee59cd
```
#ee59cd rgb(238,89,205)
```
#f552d1
```
#f552d1 rgb(245,82,209)
```
#fc4bd5
```
#fc4bd5 rgb(252,75,213)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#a5849e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6997fd Protanopia 1% of men
#9198c4 Deuteranopia 1% of men
#ec757c Tritanopia 0.001% of the population

Trichromacy

#9c7eed Protanomaly 1% of men, 0.01% of women
#b57ec8 Deuteranomaly 6% of men, 0.4% of women
#ef689b Tritanomaly 0.01% of the population

#f552d1 hex color

#f552d1 Color Information

#f552d1 Color Conversion

Color Schemes with #f552d1

Alternatives to #f552d1

#f552d1 Preview

Shades and Tints of #f552d1

Tones of #f552d1

Color Blindness Simulator