#f552b5 hex color

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

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

● #f552b5 color description : Soft pink.

The hexadecimal color #f552b5 has RGB values of R:245, G:82, B:181 and CMYK values of C:0, M:0.67, Y:0.26, K:0.04. Its decimal value is 16077493.

Hex triplet	f552b5	`#f552b5`
RGB Decimal	245, 82, 181	`rgb(245,82,181)`
RGB Percent	96.1, 32.2, 71	`rgb(96.1%,32.2%,71%)`
CMYK	0, 67, 26, 4
HSL	323.6°, 89.1, 64.1	`hsl(323.6,89.1%,64.1%)`
HSV (or HSB)	323.6°, 66.5, 96.1
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	60.593, 70.813, -18.758
XYZ	49.014, 28.787, 46.689
xyY	0.394, 0.231, 28.787
CIE-LCH	60.593, 73.255, 345.163
CIE-LUV	60.593, 92.894, -40.217
Hunter-Lab	53.654, 69.171, -14.036
Binary	11110101, 01010010, 10110101

#f552b5
```
#f552b5 rgb(245,82,181)
```
#52f592
```
#52f592 rgb(82,245,146)
```

Complementary Color

#e452f5
```
#e452f5 rgb(228,82,245)
```
#f552b5
```
#f552b5 rgb(245,82,181)
```
#f55264
```
#f55264 rgb(245,82,100)
```

Analogous Color

#52f5e4
```
#52f5e4 rgb(82,245,228)
```
#f552b5
```
#f552b5 rgb(245,82,181)
```
#64f552
```
#64f552 rgb(100,245,82)
```

Split Complementary Color

#52b5f5
```
#52b5f5 rgb(82,181,245)
```
#f552b5
```
#f552b5 rgb(245,82,181)
```
#b5f552
```
#b5f552 rgb(181,245,82)
```

Triadic Color

#9252f5
```
#9252f5 rgb(146,82,245)
```
#f552b5
```
#f552b5 rgb(245,82,181)
```
#b5f552
```
#b5f552 rgb(181,245,82)
```
#52f592
```
#52f592 rgb(82,245,146)
```

Tetradic Color

#ed0e95
```
#ed0e95 rgb(237,14,149)
```
#f222a0
```
#f222a0 rgb(242,34,160)
```
#f43aab
```
#f43aab rgb(244,58,171)
```
#f552b5
```
#f552b5 rgb(245,82,181)
```
#f66abf
```
#f66abf rgb(246,106,191)
```
#f882ca
```
#f882ca rgb(248,130,202)
```
#f99ad4
```
#f99ad4 rgb(249,154,212)
```

Monochromatic Color

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

#f552de
```
#f552de rgb(245,82,222)
```
#f552d0
```
#f552d0 rgb(245,82,208)
```
#f552c3
```
#f552c3 rgb(245,82,195)
```
#f552b5
```
#f552b5 rgb(245,82,181)
```
#f552a7
```
#f552a7 rgb(245,82,167)
```
#f5529a
```
#f5529a rgb(245,82,154)
```
#f5528c
```
#f5528c rgb(245,82,140)
```

Similar Colors

Text with hexadecimal color #f552b5

This text has a font color of #f552b5.

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

#f552b5 background color

This paragraph has a background color of #f552b5.

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

#f552b5 border color

This element has a border color of #f552b5.

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

CSS codes

.text {color:#f552b5;}

.background {background-color:#f552b5;}

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

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

#0c0108
```
#0c0108 rgb(12,1,8)
```
#1f0214
```
#1f0214 rgb(31,2,20)
```
#32031f
```
#32031f rgb(50,3,31)
```
#44042b
```
#44042b rgb(68,4,43)
```
#570537
```
#570537 rgb(87,5,55)
```
#690642
```
#690642 rgb(105,6,66)
```
#7c074e
```
#7c074e rgb(124,7,78)
```
#8e085a
```
#8e085a rgb(142,8,90)
```
#a10965
```
#a10965 rgb(161,9,101)
```
#b30a71
```
#b30a71 rgb(179,10,113)
```
#c60b7d
```
#c60b7d rgb(198,11,125)
```
#d80d88
```
#d80d88 rgb(216,13,136)
```
#eb0e94
```
#eb0e94 rgb(235,14,148)
```

Shade Color Variation

#f21a9d
```
#f21a9d rgb(242,26,157)
```
#f32da5
```
#f32da5 rgb(243,45,165)
```
#f43fad
```
#f43fad rgb(244,63,173)
```
#f552b5
```
#f552b5 rgb(245,82,181)
```
#f665bd
```
#f665bd rgb(246,101,189)
```
#f777c5
```
#f777c5 rgb(247,119,197)
```
#f88acd
```
#f88acd rgb(248,138,205)
```
#f99cd5
```
#f99cd5 rgb(249,156,213)
```
#faafdd
```
#faafdd rgb(250,175,221)
```
#fbc1e5
```
#fbc1e5 rgb(251,193,229)
```
#fdd4ed
```
#fdd4ed rgb(253,212,237)
```
#fee6f4
```
#fee6f4 rgb(254,230,244)
```
#fff9fc
```
#fff9fc rgb(255,249,252)
```

Tint Color Variation

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

#a89fa4
```
#a89fa4 rgb(168,159,164)
```
#af98a6
```
#af98a6 rgb(175,152,166)
```
#b691a7
```
#b691a7 rgb(182,145,167)
```
#bd8aa9
```
#bd8aa9 rgb(189,138,169)
```
#c483aa
```
#c483aa rgb(196,131,170)
```
#cb7cac
```
#cb7cac rgb(203,124,172)
```
#d275ad
```
#d275ad rgb(210,117,173)
```
#d96eaf
```
#d96eaf rgb(217,110,175)
```
#e067b0
```
#e067b0 rgb(224,103,176)
```
#e760b2
```
#e760b2 rgb(231,96,178)
```
#ee59b3
```
#ee59b3 rgb(238,89,179)
```
#f552b5
```
#f552b5 rgb(245,82,181)
```
#fc4bb7
```
#fc4bb7 rgb(252,75,183)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#a38296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c95dd Protanopia 1% of men
#9c94ab Deuteranopia 1% of men
#ef6d74 Tritanopia 0.001% of the population

Trichromacy

#a87cce Protanomaly 1% of men, 0.01% of women
#bc7caf Deuteranomaly 6% of men, 0.4% of women
#f1638b Tritanomaly 0.01% of the population

#f552b5 hex color

#f552b5 Color Information

#f552b5 Color Conversion

Color Schemes with #f552b5

Alternatives to #f552b5

#f552b5 Preview

Shades and Tints of #f552b5

Tones of #f552b5

Color Blindness Simulator