#f80296 hex color

In a RGB color space, hex #f80296 is composed of 97.3% red, 0.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 39.5% yellow and 2.7% black. It has a hue angle of 323.9 degrees, a saturation of 98.4% and a lightness of 49%. #f80296 color hex could be obtained by blending #ff04ff with #f1002d. Closest websafe color is: #ff0099.

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

● #f80296 color description : Vivid pink.

The hexadecimal color #f80296 has RGB values of R:248, G:2, B:150 and CMYK values of C:0, M:0.99, Y:0.4, K:0.03. Its decimal value is 16253590.

Hex triplet	f80296	`#f80296`
RGB Decimal	248, 2, 150	`rgb(248,2,150)`
RGB Percent	97.3, 0.8, 58.8	`rgb(97.3%,0.8%,58.8%)`
CMYK	0, 99, 40, 3
HSL	323.9°, 98.4, 49	`hsl(323.9,98.4%,49%)`
HSV (or HSB)	323.9°, 99.2, 97.3
Web Safe	ff0099	`#ff0099`

CIE-LAB	54.246, 84.707, -10.189
XYZ	44.239, 22.207, 30.809
xyY	0.455, 0.228, 22.207
CIE-LCH	54.246, 85.317, 353.141
CIE-LUV	54.246, 126.124, -30.247
Hunter-Lab	47.124, 85.106, -5.777
Binary	11111000, 00000010, 10010110

#f80296
```
#f80296 rgb(248,2,150)
```
#02f864
```
#02f864 rgb(2,248,100)
```

Complementary Color

#df02f8
```
#df02f8 rgb(223,2,248)
```
#f80296
```
#f80296 rgb(248,2,150)
```
#f8021b
```
#f8021b rgb(248,2,27)
```

Analogous Color

#02f8df
```
#02f8df rgb(2,248,223)
```
#f80296
```
#f80296 rgb(248,2,150)
```
#1bf802
```
#1bf802 rgb(27,248,2)
```

Split Complementary Color

#0296f8
```
#0296f8 rgb(2,150,248)
```
#f80296
```
#f80296 rgb(248,2,150)
```
#96f802
```
#96f802 rgb(150,248,2)
```

Triadic Color

#6402f8
```
#6402f8 rgb(100,2,248)
```
#f80296
```
#f80296 rgb(248,2,150)
```
#96f802
```
#96f802 rgb(150,248,2)
```
#02f864
```
#02f864 rgb(2,248,100)
```

Tetradic Color

#ac0168
```
#ac0168 rgb(172,1,104)
```
#c50277
```
#c50277 rgb(197,2,119)
```
#df0287
```
#df0287 rgb(223,2,135)
```
#f80296
```
#f80296 rgb(248,2,150)
```
#fd16a1
```
#fd16a1 rgb(253,22,161)
```
#fd30ab
```
#fd30ab rgb(253,48,171)
```
#fe49b6
```
#fe49b6 rgb(254,73,182)
```

Monochromatic Color

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

#f802d4
```
#f802d4 rgb(248,2,212)
```
#f802bf
```
#f802bf rgb(248,2,191)
```
#f802ab
```
#f802ab rgb(248,2,171)
```
#f80296
```
#f80296 rgb(248,2,150)
```
#f80282
```
#f80282 rgb(248,2,130)
```
#f8026d
```
#f8026d rgb(248,2,109)
```
#f80259
```
#f80259 rgb(248,2,89)
```

Similar Colors

Text with hexadecimal color #f80296

This text has a font color of #f80296.

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

#f80296 background color

This paragraph has a background color of #f80296.

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

#f80296 border color

This element has a border color of #f80296.

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

CSS codes

.text {color:#f80296;}

.background {background-color:#f80296;}

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

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

#0e0009
```
#0e0009 rgb(14,0,9)
```
#220015
```
#220015 rgb(34,0,21)
```
#350020
```
#350020 rgb(53,0,32)
```
#49012c
```
#49012c rgb(73,1,44)
```
#5c0138
```
#5c0138 rgb(92,1,56)
```
#700144
```
#700144 rgb(112,1,68)
```
#83014f
```
#83014f rgb(131,1,79)
```
#97015b
```
#97015b rgb(151,1,91)
```
#aa0167
```
#aa0167 rgb(170,1,103)
```
#be0273
```
#be0273 rgb(190,2,115)
```
#d1027e
```
#d1027e rgb(209,2,126)
```
#e5028a
```
#e5028a rgb(229,2,138)
```
#f80296
```
#f80296 rgb(248,2,150)
```

Shade Color Variation

#fd119f
```
#fd119f rgb(253,17,159)
```
#fd24a7
```
#fd24a7 rgb(253,36,167)
```
#fd37af
```
#fd37af rgb(253,55,175)
```
#fe4bb6
```
#fe4bb6 rgb(254,75,182)
```
#fe5ebe
```
#fe5ebe rgb(254,94,190)
```
#fe72c6
```
#fe72c6 rgb(254,114,198)
```
#fe85ce
```
#fe85ce rgb(254,133,206)
```
#fe99d6
```
#fe99d6 rgb(254,153,214)
```
#feacde
```
#feacde rgb(254,172,222)
```
#fec0e5
```
#fec0e5 rgb(254,192,229)
```
#ffd3ed
```
#ffd3ed rgb(255,211,237)
```
#ffe7f5
```
#ffe7f5 rgb(255,231,245)
```
#fffafd
```
#fffafd rgb(255,250,253)
```

Tint Color Variation

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

#85757f
```
#85757f rgb(133,117,127)
```
#8e6c81
```
#8e6c81 rgb(142,108,129)
```
#986282
```
#986282 rgb(152,98,130)
```
#a15984
```
#a15984 rgb(161,89,132)
```
#ab4f86
```
#ab4f86 rgb(171,79,134)
```
#b54588
```
#b54588 rgb(181,69,136)
```
#be3c8a
```
#be3c8a rgb(190,60,138)
```
#c8328c
```
#c8328c rgb(200,50,140)
```
#d2288e
```
#d2288e rgb(210,40,142)
```
#db1f90
```
#db1f90 rgb(219,31,144)
```
#e51592
```
#e51592 rgb(229,21,146)
```
#ee0c94
```
#ee0c94 rgb(238,12,148)
```
#f80296
```
#f80296 rgb(248,2,150)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#7b4a68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6985cf Protanopia 1% of men
#93848b Deuteranopia 1% of men
#f34345 Tritanopia 0.001% of the population

Trichromacy

#9d55ba Protanomaly 1% of men, 0.01% of women
#b7548f Deuteranomaly 6% of men, 0.4% of women
#f42b62 Tritanomaly 0.01% of the population

#f80296 hex color

#f80296 Color Information

#f80296 Color Conversion

Color Schemes with #f80296

Alternatives to #f80296

#f80296 Preview

Shades and Tints of #f80296

Tones of #f80296

Color Blindness Simulator