#f550f2 hex color

In a RGB color space, hex #f550f2 is composed of 96.1% red, 31.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.3% magenta, 1.2% yellow and 3.9% black. It has a hue angle of 301.1 degrees, a saturation of 89.2% and a lightness of 63.7%. #f550f2 color hex could be obtained by blending #ffa0ff with #eb00e5. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 96
- G 31
- B 95
RGB color chart
- C 0
- M 67
- Y 1
- K 4
CMYK color chart

● #f550f2 color description : Soft magenta.

The hexadecimal color #f550f2 has RGB values of R:245, G:80, B:242 and CMYK values of C:0, M:0.67, Y:0.01, K:0.04. Its decimal value is 16077042.

Hex triplet	f550f2	`#f550f2`
RGB Decimal	245, 80, 242	`rgb(245,80,242)`
RGB Percent	96.1, 31.4, 94.9	`rgb(96.1%,31.4%,94.9%)`
CMYK	0, 67, 1, 4
HSL	301.1°, 89.2, 63.7	`hsl(301.1,89.2%,63.7%)`
HSV (or HSB)	301.1°, 67.3, 96.1
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	62.981, 80.101, -49.495
XYZ	56.551, 31.564, 87.114
xyY	0.323, 0.18, 31.564
CIE-LCH	62.981, 94.159, 328.288
CIE-LUV	62.981, 72.053, -89.539
Hunter-Lab	56.182, 81.353, -52.605
Binary	11110101, 01010000, 11110010

#f550f2
```
#f550f2 rgb(245,80,242)
```
#50f553
```
#50f553 rgb(80,245,83)
```

Complementary Color

#a650f5
```
#a650f5 rgb(166,80,245)
```
#f550f2
```
#f550f2 rgb(245,80,242)
```
#f550a0
```
#f550a0 rgb(245,80,160)
```

Analogous Color

#50f5a6
```
#50f5a6 rgb(80,245,166)
```
#f550f2
```
#f550f2 rgb(245,80,242)
```
#a0f550
```
#a0f550 rgb(160,245,80)
```

Split Complementary Color

#50f2f5
```
#50f2f5 rgb(80,242,245)
```
#f550f2
```
#f550f2 rgb(245,80,242)
```
#f2f550
```
#f2f550 rgb(242,245,80)
```

Triadic Color

#5350f5
```
#5350f5 rgb(83,80,245)
```
#f550f2
```
#f550f2 rgb(245,80,242)
```
#f2f550
```
#f2f550 rgb(242,245,80)
```
#50f553
```
#50f553 rgb(80,245,83)
```

Tetradic Color

#eb0de7
```
#eb0de7 rgb(235,13,231)
```
#f220ee
```
#f220ee rgb(242,32,238)
```
#f438f0
```
#f438f0 rgb(244,56,240)
```
#f550f2
```
#f550f2 rgb(245,80,242)
```
#f668f4
```
#f668f4 rgb(246,104,244)
```
#f880f6
```
#f880f6 rgb(248,128,246)
```
#f998f7
```
#f998f7 rgb(249,152,247)
```

Monochromatic Color

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

#cf50f5
```
#cf50f5 rgb(207,80,245)
```
#dd50f5
```
#dd50f5 rgb(221,80,245)
```
#ea50f5
```
#ea50f5 rgb(234,80,245)
```
#f550f2
```
#f550f2 rgb(245,80,242)
```
#f550e4
```
#f550e4 rgb(245,80,228)
```
#f550d7
```
#f550d7 rgb(245,80,215)
```
#f550c9
```
#f550c9 rgb(245,80,201)
```

Similar Colors

Text with hexadecimal color #f550f2

This text has a font color of #f550f2.

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

#f550f2 background color

This paragraph has a background color of #f550f2.

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

#f550f2 border color

This element has a border color of #f550f2.

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

CSS codes

.text {color:#f550f2;}

.background {background-color:#f550f2;}

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

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

#0b010a
```
#0b010a rgb(11,1,10)
```
#1d021d
```
#1d021d rgb(29,2,29)
```
#30032f
```
#30032f rgb(48,3,47)
```
#420441
```
#420441 rgb(66,4,65)
```
#550553
```
#550553 rgb(85,5,83)
```
#670666
```
#670666 rgb(103,6,102)
```
#7a0778
```
#7a0778 rgb(122,7,120)
```
#8c088a
```
#8c088a rgb(140,8,138)
```
#9f099c
```
#9f099c rgb(159,9,156)
```
#b20aaf
```
#b20aaf rgb(178,10,175)
```
#c40bc1
```
#c40bc1 rgb(196,11,193)
```
#d70cd3
```
#d70cd3 rgb(215,12,211)
```
#e90de5
```
#e90de5 rgb(233,13,229)
```

Shade Color Variation

#f218ee
```
#f218ee rgb(242,24,238)
```
#f32bef
```
#f32bef rgb(243,43,239)
```
#f43df1
```
#f43df1 rgb(244,61,241)
```
#f550f2
```
#f550f2 rgb(245,80,242)
```
#f663f3
```
#f663f3 rgb(246,99,243)
```
#f775f5
```
#f775f5 rgb(247,117,245)
```
#f888f6
```
#f888f6 rgb(248,136,246)
```
#f99af8
```
#f99af8 rgb(249,154,248)
```
#faadf9
```
#faadf9 rgb(250,173,249)
```
#fbbffa
```
#fbbffa rgb(251,191,250)
```
#fcd2fc
```
#fcd2fc rgb(252,210,252)
```
#fde4fd
```
#fde4fd rgb(253,228,253)
```
#fff7fe
```
#fff7fe rgb(255,247,254)
```

Tint Color Variation

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

#a79ea7
```
#a79ea7 rgb(167,158,167)
```
#ae97ad
```
#ae97ad rgb(174,151,173)
```
#b590b4
```
#b590b4 rgb(181,144,180)
```
#bc89bb
```
#bc89bb rgb(188,137,187)
```
#c382c2
```
#c382c2 rgb(195,130,194)
```
#ca7bc9
```
#ca7bc9 rgb(202,123,201)
```
#d174d0
```
#d174d0 rgb(209,116,208)
```
#d96cd7
```
#d96cd7 rgb(217,108,215)
```
#e065dd
```
#e065dd rgb(224,101,221)
```
#e75ee4
```
#e75ee4 rgb(231,94,228)
```
#ee57eb
```
#ee57eb rgb(238,87,235)
```
#f550f2
```
#f550f2 rgb(245,80,242)
```
#fc49f9
```
#fc49f9 rgb(252,73,249)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#a786a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d9aff Protanopia 1% of men
#7e9ce0 Deuteranopia 1% of men
#e77d85 Tritanopia 0.001% of the population

Trichromacy

#9e7ffa Protanomaly 1% of men, 0.01% of women
#a980e7 Deuteranomaly 6% of men, 0.4% of women
#ec6dad Tritanomaly 0.01% of the population

#f550f2 hex color

#f550f2 Color Information

#f550f2 Color Conversion

Color Schemes with #f550f2

Alternatives to #f550f2

#f550f2 Preview

Shades and Tints of #f550f2

Tones of #f550f2

Color Blindness Simulator