#f50549 hex color

In a RGB color space, hex #f50549 is composed of 96.1% red, 2% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98% magenta, 70.2% yellow and 3.9% black. It has a hue angle of 343 degrees, a saturation of 96% and a lightness of 49%. #f50549 color hex could be obtained by blending #ff0a92 with #eb0000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 96
- G 2
- B 29
RGB color chart
- C 0
- M 98
- Y 70
- K 4
CMYK color chart

● #f50549 color description : Vivid pink.

The hexadecimal color #f50549 has RGB values of R:245, G:5, B:73 and CMYK values of C:0, M:0.98, Y:0.7, K:0.04. Its decimal value is 16057673.

Hex triplet	f50549	`#f50549`
RGB Decimal	245, 5, 73	`rgb(245,5,73)`
RGB Percent	96.1, 2, 28.6	`rgb(96.1%,2%,28.6%)`
CMYK	0, 98, 70, 4
HSL	343°, 96, 49	`hsl(343,96%,49%)`
HSV (or HSB)	343°, 98, 96.1
Web Safe	ff0033	`#ff0033`

CIE-LAB	51.845, 78.839, 32.805
XYZ	38.915, 20.007, 8.116
xyY	0.58, 0.298, 20.007
CIE-LCH	51.845, 85.392, 22.592
CIE-LUV	51.845, 155.382, 18.335
Hunter-Lab	44.729, 77.021, 20.553
Binary	11110101, 00000101, 01001001

#f50549
```
#f50549 rgb(245,5,73)
```
#05f5b1
```
#05f5b1 rgb(5,245,177)
```

Complementary Color

#f505c1
```
#f505c1 rgb(245,5,193)
```
#f50549
```
#f50549 rgb(245,5,73)
```
#f53905
```
#f53905 rgb(245,57,5)
```

Analogous Color

#05c1f5
```
#05c1f5 rgb(5,193,245)
```
#f50549
```
#f50549 rgb(245,5,73)
```
#05f539
```
#05f539 rgb(5,245,57)
```

Split Complementary Color

#0549f5
```
#0549f5 rgb(5,73,245)
```
#f50549
```
#f50549 rgb(245,5,73)
```
#49f505
```
#49f505 rgb(73,245,5)
```

Triadic Color

#b105f5
```
#b105f5 rgb(177,5,245)
```
#f50549
```
#f50549 rgb(245,5,73)
```
#49f505
```
#49f505 rgb(73,245,5)
```
#05f5b1
```
#05f5b1 rgb(5,245,177)
```

Tetradic Color

#aa0333
```
#aa0333 rgb(170,3,51)
```
#c3043a
```
#c3043a rgb(195,4,58)
```
#dc0442
```
#dc0442 rgb(220,4,66)
```
#f50549
```
#f50549 rgb(245,5,73)
```
#fa1959
```
#fa1959 rgb(250,25,89)
```
#fb326b
```
#fb326b rgb(251,50,107)
```
#fb4b7d
```
#fb4b7d rgb(251,75,125)
```

Monochromatic Color

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

#f50585
```
#f50585 rgb(245,5,133)
```
#f50571
```
#f50571 rgb(245,5,113)
```
#f5055d
```
#f5055d rgb(245,5,93)
```
#f50549
```
#f50549 rgb(245,5,73)
```
#f50535
```
#f50535 rgb(245,5,53)
```
#f50521
```
#f50521 rgb(245,5,33)
```
#f5050d
```
#f5050d rgb(245,5,13)
```

Similar Colors

Text with hexadecimal color #f50549

This text has a font color of #f50549.

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

#f50549 background color

This paragraph has a background color of #f50549.

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

#f50549 border color

This element has a border color of #f50549.

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

CSS codes

.text {color:#f50549;}

.background {background-color:#f50549;}

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

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

#0e0004
```
#0e0004 rgb(14,0,4)
```
#22010a
```
#22010a rgb(34,1,10)
```
#350110
```
#350110 rgb(53,1,16)
```
#480115
```
#480115 rgb(72,1,21)
```
#5b021b
```
#5b021b rgb(91,2,27)
```
#6e0221
```
#6e0221 rgb(110,2,33)
```
#820327
```
#820327 rgb(130,3,39)
```
#95032c
```
#95032c rgb(149,3,44)
```
#a80332
```
#a80332 rgb(168,3,50)
```
#bb0438
```
#bb0438 rgb(187,4,56)
```
#cf043e
```
#cf043e rgb(207,4,62)
```
#e20543
```
#e20543 rgb(226,5,67)
```
#f50549
```
#f50549 rgb(245,5,73)
```

Shade Color Variation

#fa1355
```
#fa1355 rgb(250,19,85)
```
#fb2763
```
#fb2763 rgb(251,39,99)
```
#fb3a71
```
#fb3a71 rgb(251,58,113)
```
#fb4d7e
```
#fb4d7e rgb(251,77,126)
```
#fc608c
```
#fc608c rgb(252,96,140)
```
#fc749a
```
#fc749a rgb(252,116,154)
```
#fd87a8
```
#fd87a8 rgb(253,135,168)
```
#fd9ab6
```
#fd9ab6 rgb(253,154,182)
```
#fdadc4
```
#fdadc4 rgb(253,173,196)
```
#fec0d2
```
#fec0d2 rgb(254,192,210)
```
#fed4e0
```
#fed4e0 rgb(254,212,224)
```
#ffe7ee
```
#ffe7ee rgb(255,231,238)
```
#fffafb
```
#fffafb rgb(255,250,251)
```

Tint Color Variation

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

#82787b
```
#82787b rgb(130,120,123)
```
#8b6f77
```
#8b6f77 rgb(139,111,119)
```
#956573
```
#956573 rgb(149,101,115)
```
#9e5c6f
```
#9e5c6f rgb(158,92,111)
```
#a8526a
```
#a8526a rgb(168,82,106)
```
#b24866
```
#b24866 rgb(178,72,102)
```
#bb3f62
```
#bb3f62 rgb(187,63,98)
```
#c5355e
```
#c5355e rgb(197,53,94)
```
#cf2b5a
```
#cf2b5a rgb(207,43,90)
```
#d82256
```
#d82256 rgb(216,34,86)
```
#e21851
```
#e21851 rgb(226,24,81)
```
#eb0f4d
```
#eb0f4d rgb(235,15,77)
```
#f50549
```
#f50549 rgb(245,5,73)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#754553 Atypical Achromatopsia 0.001% of the population

Dichromacy

#888270 Protanopia 1% of men
#9f7c43 Deuteranopia 1% of men
#f42621 Tritanopia 0.001% of the population

Trichromacy

#b05462 Protanomaly 1% of men, 0.01% of women
#be5145 Deuteranomaly 6% of men, 0.4% of women
#f41a2f Tritanomaly 0.01% of the population

#f50549 hex color

#f50549 Color Information

#f50549 Color Conversion

Color Schemes with #f50549

Alternatives to #f50549

#f50549 Preview

Shades and Tints of #f50549

Tones of #f50549

Color Blindness Simulator