#f51480 hex color

In a RGB color space, hex #f51480 is composed of 96.1% red, 7.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.8% magenta, 47.8% yellow and 3.9% black. It has a hue angle of 331.2 degrees, a saturation of 91.8% and a lightness of 52%. #f51480 color hex could be obtained by blending #ff28ff with #eb0001. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 96
- G 8
- B 50
RGB color chart
- C 0
- M 92
- Y 48
- K 4
CMYK color chart

● #f51480 color description : Vivid pink.

The hexadecimal color #f51480 has RGB values of R:245, G:20, B:128 and CMYK values of C:0, M:0.92, Y:0.48, K:0.04. Its decimal value is 16061568.

Hex triplet	f51480	`#f51480`
RGB Decimal	245, 20, 128	`rgb(245,20,128)`
RGB Percent	96.1, 7.8, 50.2	`rgb(96.1%,7.8%,50.2%)`
CMYK	0, 92, 48, 4
HSL	331.2°, 91.8, 52	`hsl(331.2,91.8%,52%)`
HSV (or HSB)	331.2°, 91.8, 96.1
Web Safe	ff0099	`#ff0099`

CIE-LAB	53.467, 80.82, 1.765
XYZ	41.804, 21.476, 22.365
xyY	0.488, 0.251, 21.476
CIE-LCH	53.467, 80.839, 1.251
CIE-LUV	53.467, 132.13, -13.847
Hunter-Lab	46.342, 79.921, 3.826
Binary	11110101, 00010100, 10000000

#f51480
```
#f51480 rgb(245,20,128)
```
#14f589
```
#14f589 rgb(20,245,137)
```

Complementary Color

#f514f1
```
#f514f1 rgb(245,20,241)
```
#f51480
```
#f51480 rgb(245,20,128)
```
#f51814
```
#f51814 rgb(245,24,20)
```

Analogous Color

#14f1f5
```
#14f1f5 rgb(20,241,245)
```
#f51480
```
#f51480 rgb(245,20,128)
```
#14f518
```
#14f518 rgb(20,245,24)
```

Split Complementary Color

#1480f5
```
#1480f5 rgb(20,128,245)
```
#f51480
```
#f51480 rgb(245,20,128)
```
#80f514
```
#80f514 rgb(128,245,20)
```

Triadic Color

#8914f5
```
#8914f5 rgb(137,20,245)
```
#f51480
```
#f51480 rgb(245,20,128)
```
#80f514
```
#80f514 rgb(128,245,20)
```
#14f589
```
#14f589 rgb(20,245,137)
```

Tetradic Color

#b5085b
```
#b5085b rgb(181,8,91)
```
#cd0967
```
#cd0967 rgb(205,9,103)
```
#e60a73
```
#e60a73 rgb(230,10,115)
```
#f51480
```
#f51480 rgb(245,20,128)
```
#f62c8d
```
#f62c8d rgb(246,44,141)
```
#f7459a
```
#f7459a rgb(247,69,154)
```
#f85da8
```
#f85da8 rgb(248,93,168)
```

Monochromatic Color

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

#f514b8
```
#f514b8 rgb(245,20,184)
```
#f514a6
```
#f514a6 rgb(245,20,166)
```
#f51493
```
#f51493 rgb(245,20,147)
```
#f51480
```
#f51480 rgb(245,20,128)
```
#f5146d
```
#f5146d rgb(245,20,109)
```
#f5145b
```
#f5145b rgb(245,20,91)
```
#f51448
```
#f51448 rgb(245,20,72)
```

Similar Colors

Text with hexadecimal color #f51480

This text has a font color of #f51480.

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

#f51480 background color

This paragraph has a background color of #f51480.

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

#f51480 border color

This element has a border color of #f51480.

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

CSS codes

.text {color:#f51480;}

.background {background-color:#f51480;}

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

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

#0a0005
```
#0a0005 rgb(10,0,5)
```
#1c010e
```
#1c010e rgb(28,1,14)
```
#2f0218
```
#2f0218 rgb(47,2,24)
```
#420321
```
#420321 rgb(66,3,33)
```
#55042b
```
#55042b rgb(85,4,43)
```
#680434
```
#680434 rgb(104,4,52)
```
#7a053e
```
#7a053e rgb(122,5,62)
```
#8d0647
```
#8d0647 rgb(141,6,71)
```
#a00750
```
#a00750 rgb(160,7,80)
```
#b3085a
```
#b3085a rgb(179,8,90)
```
#c60863
```
#c60863 rgb(198,8,99)
```
#d9096d
```
#d9096d rgb(217,9,109)
```
#eb0a76
```
#eb0a76 rgb(235,10,118)
```

Shade Color Variation

#f51480
```
#f51480 rgb(245,20,128)
```
#f6278a
```
#f6278a rgb(246,39,138)
```
#f73a94
```
#f73a94 rgb(247,58,148)
```
#f74c9f
```
#f74c9f rgb(247,76,159)
```
#f85fa9
```
#f85fa9 rgb(248,95,169)
```
#f972b3
```
#f972b3 rgb(249,114,179)
```
#fa85bd
```
#fa85bd rgb(250,133,189)
```
#fb98c7
```
#fb98c7 rgb(251,152,199)
```
#fbabd1
```
#fbabd1 rgb(251,171,209)
```
#fcbddc
```
#fcbddc rgb(252,189,220)
```
#fdd0e6
```
#fdd0e6 rgb(253,208,230)
```
#fee3f0
```
#fee3f0 rgb(254,227,240)
```
#fff6fa
```
#fff6fa rgb(255,246,250)
```

Tint Color Variation

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

#8d7c84
```
#8d7c84 rgb(141,124,132)
```
#977284
```
#977284 rgb(151,114,132)
```
#a06983
```
#a06983 rgb(160,105,131)
```
#aa5f83
```
#aa5f83 rgb(170,95,131)
```
#b35683
```
#b35683 rgb(179,86,131)
```
#bc4d82
```
#bc4d82 rgb(188,77,130)
```
#c64382
```
#c64382 rgb(198,67,130)
```
#cf3a82
```
#cf3a82 rgb(207,58,130)
```
#d93081
```
#d93081 rgb(217,48,129)
```
#e22781
```
#e22781 rgb(226,39,129)
```
#ec1d80
```
#ec1d80 rgb(236,29,128)
```
#f51480
```
#f51480 rgb(245,20,128)
```
#fe0b80
```
#fe0b80 rgb(254,11,128)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#81546a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7884b2 Protanopia 1% of men
#988178 Deuteranopia 1% of men
#f13e40 Tritanopia 0.001% of the population

Trichromacy

#a55ba0 Protanomaly 1% of men, 0.01% of women
#b9597b Deuteranomaly 6% of men, 0.4% of women
#f32f57 Tritanomaly 0.01% of the population

#f51480 hex color

#f51480 Color Information

#f51480 Color Conversion

Color Schemes with #f51480

Alternatives to #f51480

#f51480 Preview

Shades and Tints of #f51480

Tones of #f51480

Color Blindness Simulator