#f80ff4 hex color

In a RGB color space, hex #f80ff4 is composed of 97.3% red, 5.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94% magenta, 1.6% yellow and 2.7% black. It has a hue angle of 301 degrees, a saturation of 94.3% and a lightness of 51.6%. #f80ff4 color hex could be obtained by blending #ff1eff with #f100e9. Closest websafe color is: #ff00ff.

♥
- f
- t
- g
- R 97
- G 6
- B 96
RGB color chart
- C 0
- M 94
- Y 2
- K 3
CMYK color chart

● #f80ff4 color description : Vivid magenta.

The hexadecimal color #f80ff4 has RGB values of R:248, G:15, B:244 and CMYK values of C:0, M:0.94, Y:0.02, K:0.03. Its decimal value is 16257012.

Hex triplet	f80ff4	`#f80ff4`
RGB Decimal	248, 15, 244	`rgb(248,15,244)`
RGB Percent	97.3, 5.9, 95.7	`rgb(97.3%,5.9%,95.7%)`
CMYK	0, 94, 2, 3
HSL	301°, 94.3, 51.6	`hsl(301,94.3%,51.6%)`
HSV (or HSB)	301°, 94, 97.3
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	58.82, 94.687, -57.194
XYZ	55.21, 26.834, 87.855
xyY	0.325, 0.158, 26.834
CIE-LCH	58.82, 110.619, 328.867
CIE-LUV	58.82, 82.843, -102.09
Hunter-Lab	51.801, 99.595, -64.295
Binary	11111000, 00001111, 11110100

#f80ff4
```
#f80ff4 rgb(248,15,244)
```
#0ff813
```
#0ff813 rgb(15,248,19)
```

Complementary Color

#880ff8
```
#880ff8 rgb(136,15,248)
```
#f80ff4
```
#f80ff4 rgb(248,15,244)
```
#f80f80
```
#f80f80 rgb(248,15,128)
```

Analogous Color

#0ff888
```
#0ff888 rgb(15,248,136)
```
#f80ff4
```
#f80ff4 rgb(248,15,244)
```
#80f80f
```
#80f80f rgb(128,248,15)
```

Split Complementary Color

#0ff4f8
```
#0ff4f8 rgb(15,244,248)
```
#f80ff4
```
#f80ff4 rgb(248,15,244)
```
#f4f80f
```
#f4f80f rgb(244,248,15)
```

Triadic Color

#130ff8
```
#130ff8 rgb(19,15,248)
```
#f80ff4
```
#f80ff4 rgb(248,15,244)
```
#f4f80f
```
#f4f80f rgb(244,248,15)
```
#0ff813
```
#0ff813 rgb(15,248,19)
```

Tetradic Color

#b505b2
```
#b505b2 rgb(181,5,178)
```
#ce06cb
```
#ce06cb rgb(206,6,203)
```
#e707e3
```
#e707e3 rgb(231,7,227)
```
#f80ff4
```
#f80ff4 rgb(248,15,244)
```
#f928f5
```
#f928f5 rgb(249,40,245)
```
#f941f6
```
#f941f6 rgb(249,65,246)
```
#fa59f7
```
#fa59f7 rgb(250,89,247)
```

Monochromatic Color

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

#c20ff8
```
#c20ff8 rgb(194,15,248)
```
#d50ff8
```
#d50ff8 rgb(213,15,248)
```
#e90ff8
```
#e90ff8 rgb(233,15,248)
```
#f80ff4
```
#f80ff4 rgb(248,15,244)
```
#f80fe1
```
#f80fe1 rgb(248,15,225)
```
#f80fcd
```
#f80fcd rgb(248,15,205)
```
#f80fba
```
#f80fba rgb(248,15,186)
```

Similar Colors

Text with hexadecimal color #f80ff4

This text has a font color of #f80ff4.

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

#f80ff4 background color

This paragraph has a background color of #f80ff4.

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

#f80ff4 border color

This element has a border color of #f80ff4.

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

CSS codes

.text {color:#f80ff4;}

.background {background-color:#f80ff4;}

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

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

#080008
```
#080008 rgb(8,0,8)
```
#1b011a
```
#1b011a rgb(27,1,26)
```
#2e012d
```
#2e012d rgb(46,1,45)
```
#410240
```
#410240 rgb(65,2,64)
```
#540253
```
#540253 rgb(84,2,83)
```
#670365
```
#670365 rgb(103,3,101)
```
#7a0478
```
#7a0478 rgb(122,4,120)
```
#8d048b
```
#8d048b rgb(141,4,139)
```
#a0059e
```
#a0059e rgb(160,5,158)
```
#b305b0
```
#b305b0 rgb(179,5,176)
```
#c606c3
```
#c606c3 rgb(198,6,195)
```
#d906d6
```
#d906d6 rgb(217,6,214)
```
#ec07e9
```
#ec07e9 rgb(236,7,233)
```

Shade Color Variation

#f80ff4
```
#f80ff4 rgb(248,15,244)
```
#f922f5
```
#f922f5 rgb(249,34,245)
```
#f935f6
```
#f935f6 rgb(249,53,246)
```
#fa48f7
```
#fa48f7 rgb(250,72,247)
```
#fa5bf7
```
#fa5bf7 rgb(250,91,247)
```
#fb6ef8
```
#fb6ef8 rgb(251,110,248)
```
#fb81f9
```
#fb81f9 rgb(251,129,249)
```
#fc94fa
```
#fc94fa rgb(252,148,250)
```
#fca7fb
```
#fca7fb rgb(252,167,251)
```
#fdbbfc
```
#fdbbfc rgb(253,187,252)
```
#fecefd
```
#fecefd rgb(254,206,253)
```
#fee1fe
```
#fee1fe rgb(254,225,254)
```
#fff4fe
```
#fff4fe rgb(255,244,254)
```

Tint Color Variation

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

#868186
```
#868186 rgb(134,129,134)
```
#90788f
```
#90788f rgb(144,120,143)
```
#996e98
```
#996e98 rgb(153,110,152)
```
#a365a1
```
#a365a1 rgb(163,101,161)
```
#ac5bab
```
#ac5bab rgb(172,91,171)
```
#b652b4
```
#b652b4 rgb(182,82,180)
```
#bf48bd
```
#bf48bd rgb(191,72,189)
```
#c93fc6
```
#c93fc6 rgb(201,63,198)
```
#d235cf
```
#d235cf rgb(210,53,207)
```
#dc2cd8
```
#dc2cd8 rgb(220,44,216)
```
#e522e2
```
#e522e2 rgb(229,34,226)
```
#ef19eb
```
#ef19eb rgb(239,25,235)
```
#f80ff4
```
#f80ff4 rgb(248,15,244)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#8a5c8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5290ff Protanopia 1% of men
#6793dd Deuteranopia 1% of men
#e86a70 Tritanopia 0.001% of the population

Trichromacy

#8e61fb Protanomaly 1% of men, 0.01% of women
#9c63e5 Deuteranomaly 6% of men, 0.4% of women
#ee48a0 Tritanomaly 0.01% of the population

#f80ff4 hex color

#f80ff4 Color Information

#f80ff4 Color Conversion

Color Schemes with #f80ff4

Alternatives to #f80ff4

#f80ff4 Preview

Shades and Tints of #f80ff4

Tones of #f80ff4

Color Blindness Simulator