#f81980 hex color

In a RGB color space, hex #f81980 is composed of 97.3% red, 9.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.9% magenta, 48.4% yellow and 2.7% black. It has a hue angle of 332.3 degrees, a saturation of 94.1% and a lightness of 53.5%. #f81980 color hex could be obtained by blending #ff32ff with #f10001. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 97
- G 10
- B 50
RGB color chart
- C 0
- M 90
- Y 48
- K 3
CMYK color chart

● #f81980 color description : Vivid pink.

The hexadecimal color #f81980 has RGB values of R:248, G:25, B:128 and CMYK values of C:0, M:0.9, Y:0.48, K:0.03. Its decimal value is 16259456.

Hex triplet	f81980	`#f81980`
RGB Decimal	248, 25, 128	`rgb(248,25,128)`
RGB Percent	97.3, 9.8, 50.2	`rgb(97.3%,9.8%,50.2%)`
CMYK	0, 90, 48, 3
HSL	332.3°, 94.1, 53.5	`hsl(332.3,94.1%,53.5%)`
HSV (or HSB)	332.3°, 89.9, 97.3
Web Safe	ff0099	`#ff0099`

CIE-LAB	54.255, 80.887, 2.98
XYZ	42.957, 22.215, 22.447
xyY	0.49, 0.254, 22.215
CIE-LCH	54.255, 80.942, 2.11
CIE-LUV	54.255, 133.707, -12.376
Hunter-Lab	47.133, 80.202, 4.756
Binary	11111000, 00011001, 10000000

#f81980
```
#f81980 rgb(248,25,128)
```
#19f891
```
#19f891 rgb(25,248,145)
```

Complementary Color

#f819f0
```
#f819f0 rgb(248,25,240)
```
#f81980
```
#f81980 rgb(248,25,128)
```
#f82119
```
#f82119 rgb(248,33,25)
```

Analogous Color

#19f0f8
```
#19f0f8 rgb(25,240,248)
```
#f81980
```
#f81980 rgb(248,25,128)
```
#19f821
```
#19f821 rgb(25,248,33)
```

Split Complementary Color

#1980f8
```
#1980f8 rgb(25,128,248)
```
#f81980
```
#f81980 rgb(248,25,128)
```
#80f819
```
#80f819 rgb(128,248,25)
```

Triadic Color

#9119f8
```
#9119f8 rgb(145,25,248)
```
#f81980
```
#f81980 rgb(248,25,128)
```
#80f819
```
#80f819 rgb(128,248,25)
```
#19f891
```
#19f891 rgb(25,248,145)
```

Tetradic Color

#bf065b
```
#bf065b rgb(191,6,91)
```
#d70767
```
#d70767 rgb(215,7,103)
```
#f00773
```
#f00773 rgb(240,7,115)
```
#f81980
```
#f81980 rgb(248,25,128)
```
#f9328e
```
#f9328e rgb(249,50,142)
```
#fa4a9b
```
#fa4a9b rgb(250,74,155)
```
#fa63a9
```
#fa63a9 rgb(250,99,169)
```

Monochromatic Color

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

#f819b8
```
#f819b8 rgb(248,25,184)
```
#f819a5
```
#f819a5 rgb(248,25,165)
```
#f81993
```
#f81993 rgb(248,25,147)
```
#f81980
```
#f81980 rgb(248,25,128)
```
#f8196d
```
#f8196d rgb(248,25,109)
```
#f8195b
```
#f8195b rgb(248,25,91)
```
#f81948
```
#f81948 rgb(248,25,72)
```

Similar Colors

Text with hexadecimal color #f81980

This text has a font color of #f81980.

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

#f81980 background color

This paragraph has a background color of #f81980.

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

#f81980 border color

This element has a border color of #f81980.

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

CSS codes

.text {color:#f81980;}

.background {background-color:#f81980;}

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

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, #110108 is the darkest color, while #fffdfe is the lightest one.

#110108
```
#110108 rgb(17,1,8)
```
#250111
```
#250111 rgb(37,1,17)
```
#38021b
```
#38021b rgb(56,2,27)
```
#4b0224
```
#4b0224 rgb(75,2,36)
```
#5e032d
```
#5e032d rgb(94,3,45)
```
#710336
```
#710336 rgb(113,3,54)
```
#84043f
```
#84043f rgb(132,4,63)
```
#970548
```
#970548 rgb(151,5,72)
```
#aa0551
```
#aa0551 rgb(170,5,81)
```
#bd065a
```
#bd065a rgb(189,6,90)
```
#d00663
```
#d00663 rgb(208,6,99)
```
#e3076d
```
#e3076d rgb(227,7,109)
```
#f60776
```
#f60776 rgb(246,7,118)
```

Shade Color Variation

#f81980
```
#f81980 rgb(248,25,128)
```
#f92c8b
```
#f92c8b rgb(249,44,139)
```
#f93f95
```
#f93f95 rgb(249,63,149)
```
#fa52a0
```
#fa52a0 rgb(250,82,160)
```
#fa65aa
```
#fa65aa rgb(250,101,170)
```
#fb78b5
```
#fb78b5 rgb(251,120,181)
```
#fb8bbf
```
#fb8bbf rgb(251,139,191)
```
#fc9eca
```
#fc9eca rgb(252,158,202)
```
#fdb1d4
```
#fdb1d4 rgb(253,177,212)
```
#fdc4df
```
#fdc4df rgb(253,196,223)
```
#fed7e9
```
#fed7e9 rgb(254,215,233)
```
#feeaf4
```
#feeaf4 rgb(254,234,244)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#8b8688
```
#8b8688 rgb(139,134,136)
```
#947d88
```
#947d88 rgb(148,125,136)
```
#9d7487
```
#9d7487 rgb(157,116,135)
```
#a66b86
```
#a66b86 rgb(166,107,134)
```
#af6286
```
#af6286 rgb(175,98,134)
```
#b85985
```
#b85985 rgb(184,89,133)
```
#c15084
```
#c15084 rgb(193,80,132)
```
#ca4783
```
#ca4783 rgb(202,71,131)
```
#d43d83
```
#d43d83 rgb(212,61,131)
```
#dd3482
```
#dd3482 rgb(221,52,130)
```
#e62b81
```
#e62b81 rgb(230,43,129)
```
#ef2281
```
#ef2281 rgb(239,34,129)
```
#f81980
```
#f81980 rgb(248,25,128)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#84576c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b86b1 Protanopia 1% of men
#9a8378 Deuteranopia 1% of men
#f44041 Tritanopia 0.001% of the population

Trichromacy

#a85e9f Protanomaly 1% of men, 0.01% of women
#bc5c7b Deuteranomaly 6% of men, 0.4% of women
#f63258 Tritanomaly 0.01% of the population

#f81980 hex color

#f81980 Color Information

#f81980 Color Conversion

Color Schemes with #f81980

Alternatives to #f81980

#f81980 Preview

Shades and Tints of #f81980

Tones of #f81980

Color Blindness Simulator