#f80884 hex color

In a RGB color space, hex #f80884 is composed of 97.3% red, 3.1% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 96.8% magenta, 46.8% yellow and 2.7% black. It has a hue angle of 329 degrees, a saturation of 94.5% and a lightness of 50.2%. #f80884 color hex could be obtained by blending #ff10ff with #f10009. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 97
- G 3
- B 52
RGB color chart
- C 0
- M 97
- Y 47
- K 3
CMYK color chart

● #f80884 color description : Vivid pink.

The hexadecimal color #f80884 has RGB values of R:248, G:8, B:132 and CMYK values of C:0, M:0.97, Y:0.47, K:0.03. Its decimal value is 16255108.

Hex triplet	f80884	`#f80884`
RGB Decimal	248, 8, 132	`rgb(248,8,132)`
RGB Percent	97.3, 3.1, 51.8	`rgb(97.3%,3.1%,51.8%)`
CMYK	0, 97, 47, 3
HSL	329°, 94.5, 50.2	`hsl(329,94.5%,50.2%)`
HSV (or HSB)	329°, 96.8, 97.3
Web Safe	ff0099	`#ff0099`

CIE-LAB	53.815, 82.804, -0.062
XYZ	42.965, 21.801, 23.774
xyY	0.485, 0.246, 21.801
CIE-LCH	53.815, 82.804, 359.957
CIE-LUV	53.815, 134.039, -16.596
Hunter-Lab	46.692, 82.542, 2.495
Binary	11111000, 00001000, 10000100

#f80884
```
#f80884 rgb(248,8,132)
```
#08f87c
```
#08f87c rgb(8,248,124)
```

Complementary Color

#f408f8
```
#f408f8 rgb(244,8,248)
```
#f80884
```
#f80884 rgb(248,8,132)
```
#f8080c
```
#f8080c rgb(248,8,12)
```

Analogous Color

#08f8f4
```
#08f8f4 rgb(8,248,244)
```
#f80884
```
#f80884 rgb(248,8,132)
```
#0cf808
```
#0cf808 rgb(12,248,8)
```

Split Complementary Color

#0884f8
```
#0884f8 rgb(8,132,248)
```
#f80884
```
#f80884 rgb(248,8,132)
```
#84f808
```
#84f808 rgb(132,248,8)
```

Triadic Color

#7c08f8
```
#7c08f8 rgb(124,8,248)
```
#f80884
```
#f80884 rgb(248,8,132)
```
#84f808
```
#84f808 rgb(132,248,8)
```
#08f87c
```
#08f87c rgb(8,248,124)
```

Tetradic Color

#af055d
```
#af055d rgb(175,5,93)
```
#c7066a
```
#c7066a rgb(199,6,106)
```
#e00677
```
#e00677 rgb(224,6,119)
```
#f80884
```
#f80884 rgb(248,8,132)
```
#f92190
```
#f92190 rgb(249,33,144)
```
#f93a9d
```
#f93a9d rgb(249,58,157)
```
#fa52a9
```
#fa52a9 rgb(250,82,169)
```

Monochromatic Color

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

#f808c0
```
#f808c0 rgb(248,8,192)
```
#f808ac
```
#f808ac rgb(248,8,172)
```
#f80898
```
#f80898 rgb(248,8,152)
```
#f80884
```
#f80884 rgb(248,8,132)
```
#f80870
```
#f80870 rgb(248,8,112)
```
#f8085c
```
#f8085c rgb(248,8,92)
```
#f80848
```
#f80848 rgb(248,8,72)
```

Similar Colors

Text with hexadecimal color #f80884

This text has a font color of #f80884.

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

#f80884 background color

This paragraph has a background color of #f80884.

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

#f80884 border color

This element has a border color of #f80884.

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

CSS codes

.text {color:#f80884;}

.background {background-color:#f80884;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#14010b
```
#14010b rgb(20,1,11)
```
#270115
```
#270115 rgb(39,1,21)
```
#3a021f
```
#3a021f rgb(58,2,31)
```
#4d0229
```
#4d0229 rgb(77,2,41)
```
#600333
```
#600333 rgb(96,3,51)
```
#73033d
```
#73033d rgb(115,3,61)
```
#860447
```
#860447 rgb(134,4,71)
```
#9a0451
```
#9a0451 rgb(154,4,81)
```
#ad055c
```
#ad055c rgb(173,5,92)
```
#c00566
```
#c00566 rgb(192,5,102)
```
#d30670
```
#d30670 rgb(211,6,112)
```
#e6077a
```
#e6077a rgb(230,7,122)
```

Shade Color Variation

#f80884
```
#f80884 rgb(248,8,132)
```
#f91b8d
```
#f91b8d rgb(249,27,141)
```
#f92e97
```
#f92e97 rgb(249,46,151)
```
#fa41a0
```
#fa41a0 rgb(250,65,160)
```
#fa54aa
```
#fa54aa rgb(250,84,170)
```
#fb67b3
```
#fb67b3 rgb(251,103,179)
```
#fb7abd
```
#fb7abd rgb(251,122,189)
```
#fc8ec6
```
#fc8ec6 rgb(252,142,198)
```
#fca1d0
```
#fca1d0 rgb(252,161,208)
```
#fdb4d9
```
#fdb4d9 rgb(253,180,217)
```
#fdc7e3
```
#fdc7e3 rgb(253,199,227)
```
#fedaec
```
#fedaec rgb(254,218,236)
```
#feedf6
```
#feedf6 rgb(254,237,246)
```

Tint Color Variation

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

#837d80
```
#837d80 rgb(131,125,128)
```
#8d7380
```
#8d7380 rgb(141,115,128)
```
#966a81
```
#966a81 rgb(150,106,129)
```
#a06081
```
#a06081 rgb(160,96,129)
```
#aa5681
```
#aa5681 rgb(170,86,129)
```
#b44c82
```
#b44c82 rgb(180,76,130)
```
#bd4382
```
#bd4382 rgb(189,67,130)
```
#c73982
```
#c73982 rgb(199,57,130)
```
#d12f83
```
#d12f83 rgb(209,47,131)
```
#db2583
```
#db2583 rgb(219,37,131)
```
#e41c83
```
#e41c83 rgb(228,28,131)
```
#ee1284
```
#ee1284 rgb(238,18,132)
```
#f80884
```
#f80884 rgb(248,8,132)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#7d4d66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7685b8 Protanopia 1% of men
#98827b Deuteranopia 1% of men
#f43d3e Tritanopia 0.001% of the population

Trichromacy

#a557a5 Protanomaly 1% of men, 0.01% of women
#ba567e Deuteranomaly 6% of men, 0.4% of women
#f52957 Tritanomaly 0.01% of the population

#f80884 hex color

#f80884 Color Information

#f80884 Color Conversion

Color Schemes with #f80884

Alternatives to #f80884

#f80884 Preview

Shades and Tints of #f80884

Tones of #f80884

Color Blindness Simulator