#f80276 hex color

In a RGB color space, hex #f80276 is composed of 97.3% red, 0.8% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 52.4% yellow and 2.7% black. It has a hue angle of 331.7 degrees, a saturation of 98.4% and a lightness of 49%. #f80276 color hex could be obtained by blending #ff04ec with #f10000. Closest websafe color is: #ff0066.

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

● #f80276 color description : Vivid pink.

The hexadecimal color #f80276 has RGB values of R:248, G:2, B:118 and CMYK values of C:0, M:0.99, Y:0.52, K:0.03. Its decimal value is 16253558.

Hex triplet	f80276	`#f80276`
RGB Decimal	248, 2, 118	`rgb(248,2,118)`
RGB Percent	97.3, 0.8, 46.3	`rgb(97.3%,0.8%,46.3%)`
CMYK	0, 99, 52, 3
HSL	331.7°, 98.4, 49	`hsl(331.7,98.4%,49%)`
HSV (or HSB)	331.7°, 99.2, 97.3
Web Safe	ff0066	`#ff0066`

CIE-LAB	53.29, 82.188, 7.624
XYZ	42.005, 21.313, 19.041
xyY	0.51, 0.259, 21.313
CIE-LCH	53.29, 82.54, 5.3
CIE-LUV	53.29, 140.863, -7.167
Hunter-Lab	46.166, 81.621, 7.863
Binary	11111000, 00000010, 01110110

#f80276
```
#f80276 rgb(248,2,118)
```
#02f884
```
#02f884 rgb(2,248,132)
```

Complementary Color

#f802f1
```
#f802f1 rgb(248,2,241)
```
#f80276
```
#f80276 rgb(248,2,118)
```
#f80902
```
#f80902 rgb(248,9,2)
```

Analogous Color

#02f1f8
```
#02f1f8 rgb(2,241,248)
```
#f80276
```
#f80276 rgb(248,2,118)
```
#02f809
```
#02f809 rgb(2,248,9)
```

Split Complementary Color

#0276f8
```
#0276f8 rgb(2,118,248)
```
#f80276
```
#f80276 rgb(248,2,118)
```
#76f802
```
#76f802 rgb(118,248,2)
```

Triadic Color

#8402f8
```
#8402f8 rgb(132,2,248)
```
#f80276
```
#f80276 rgb(248,2,118)
```
#76f802
```
#76f802 rgb(118,248,2)
```
#02f884
```
#02f884 rgb(2,248,132)
```

Tetradic Color

#ac0152
```
#ac0152 rgb(172,1,82)
```
#c5025e
```
#c5025e rgb(197,2,94)
```
#df026a
```
#df026a rgb(223,2,106)
```
#f80276
```
#f80276 rgb(248,2,118)
```
#fd1683
```
#fd1683 rgb(253,22,131)
```
#fd3091
```
#fd3091 rgb(253,48,145)
```
#fe499e
```
#fe499e rgb(254,73,158)
```

Monochromatic Color

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

#f802b4
```
#f802b4 rgb(248,2,180)
```
#f8029f
```
#f8029f rgb(248,2,159)
```
#f8028b
```
#f8028b rgb(248,2,139)
```
#f80276
```
#f80276 rgb(248,2,118)
```
#f80262
```
#f80262 rgb(248,2,98)
```
#f8024d
```
#f8024d rgb(248,2,77)
```
#f80239
```
#f80239 rgb(248,2,57)
```

Similar Colors

Text with hexadecimal color #f80276

This text has a font color of #f80276.

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

#f80276 background color

This paragraph has a background color of #f80276.

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

#f80276 border color

This element has a border color of #f80276.

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

CSS codes

.text {color:#f80276;}

.background {background-color:#f80276;}

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

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

#0e0007
```
#0e0007 rgb(14,0,7)
```
#220010
```
#220010 rgb(34,0,16)
```
#350019
```
#350019 rgb(53,0,25)
```
#490123
```
#490123 rgb(73,1,35)
```
#5c012c
```
#5c012c rgb(92,1,44)
```
#700135
```
#700135 rgb(112,1,53)
```
#83013e
```
#83013e rgb(131,1,62)
```
#970148
```
#970148 rgb(151,1,72)
```
#aa0151
```
#aa0151 rgb(170,1,81)
```
#be025a
```
#be025a rgb(190,2,90)
```
#d10263
```
#d10263 rgb(209,2,99)
```
#e5026d
```
#e5026d rgb(229,2,109)
```
#f80276
```
#f80276 rgb(248,2,118)
```

Shade Color Variation

#fd1180
```
#fd1180 rgb(253,17,128)
```
#fd248a
```
#fd248a rgb(253,36,138)
```
#fd3795
```
#fd3795 rgb(253,55,149)
```
#fe4b9f
```
#fe4b9f rgb(254,75,159)
```
#fe5eaa
```
#fe5eaa rgb(254,94,170)
```
#fe72b4
```
#fe72b4 rgb(254,114,180)
```
#fe85be
```
#fe85be rgb(254,133,190)
```
#fe99c9
```
#fe99c9 rgb(254,153,201)
```
#feacd3
```
#feacd3 rgb(254,172,211)
```
#fec0dd
```
#fec0dd rgb(254,192,221)
```
#ffd3e8
```
#ffd3e8 rgb(255,211,232)
```
#ffe7f2
```
#ffe7f2 rgb(255,231,242)
```
#fffafc
```
#fffafc rgb(255,250,252)
```

Tint Color Variation

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

#85757d
```
#85757d rgb(133,117,125)
```
#8e6c7c
```
#8e6c7c rgb(142,108,124)
```
#98627b
```
#98627b rgb(152,98,123)
```
#a1597b
```
#a1597b rgb(161,89,123)
```
#ab4f7a
```
#ab4f7a rgb(171,79,122)
```
#b5457a
```
#b5457a rgb(181,69,122)
```
#be3c79
```
#be3c79 rgb(190,60,121)
```
#c83279
```
#c83279 rgb(200,50,121)
```
#d22878
```
#d22878 rgb(210,40,120)
```
#db1f78
```
#db1f78 rgb(219,31,120)
```
#e51577
```
#e51577 rgb(229,21,119)
```
#ee0c77
```
#ee0c77 rgb(238,12,119)
```
#f80276
```
#f80276 rgb(248,2,118)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#79485f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c84a8 Protanopia 1% of men
#9a816e Deuteranopia 1% of men
#f53636 Tritanopia 0.001% of the population

Trichromacy

#a95596 Protanomaly 1% of men, 0.01% of women
#bc5271 Deuteranomaly 6% of men, 0.4% of women
#f6234d Tritanomaly 0.01% of the population

#f80276 hex color

#f80276 Color Information

#f80276 Color Conversion

Color Schemes with #f80276

Alternatives to #f80276

#f80276 Preview

Shades and Tints of #f80276

Tones of #f80276

Color Blindness Simulator