#f80ade hex color

In a RGB color space, hex #f80ade is composed of 97.3% red, 3.9% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 96% magenta, 10.5% yellow and 2.7% black. It has a hue angle of 306.6 degrees, a saturation of 94.4% and a lightness of 50.6%. #f80ade color hex could be obtained by blending #ff14ff with #f100bd. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 97
- G 4
- B 87
RGB color chart
- C 0
- M 96
- Y 10
- K 3
CMYK color chart

● #f80ade color description : Vivid magenta.

The hexadecimal color #f80ade has RGB values of R:248, G:10, B:222 and CMYK values of C:0, M:0.96, Y:0.1, K:0.03. Its decimal value is 16255710.

Hex triplet	f80ade	`#f80ade`
RGB Decimal	248, 10, 222	`rgb(248,10,222)`
RGB Percent	97.3, 3.9, 87.1	`rgb(97.3%,3.9%,87.1%)`
CMYK	0, 96, 10, 3
HSL	306.6°, 94.4, 50.6	`hsl(306.6,94.4%,50.6%)`
HSV (or HSB)	306.6°, 96, 97.3
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	57.513, 92.084, -46.911
XYZ	52.004, 25.452, 71.277
xyY	0.35, 0.171, 25.452
CIE-LCH	57.513, 103.345, 333.004
CIE-LUV	57.513, 92.238, -85.704
Hunter-Lab	50.45, 95.714, -48.452
Binary	11111000, 00001010, 11011110

#f80ade
```
#f80ade rgb(248,10,222)
```
#0af824
```
#0af824 rgb(10,248,36)
```

Complementary Color

#9b0af8
```
#9b0af8 rgb(155,10,248)
```
#f80ade
```
#f80ade rgb(248,10,222)
```
#f80a67
```
#f80a67 rgb(248,10,103)
```

Analogous Color

#0af89b
```
#0af89b rgb(10,248,155)
```
#f80ade
```
#f80ade rgb(248,10,222)
```
#67f80a
```
#67f80a rgb(103,248,10)
```

Split Complementary Color

#0adef8
```
#0adef8 rgb(10,222,248)
```
#f80ade
```
#f80ade rgb(248,10,222)
```
#def80a
```
#def80a rgb(222,248,10)
```

Triadic Color

#240af8
```
#240af8 rgb(36,10,248)
```
#f80ade
```
#f80ade rgb(248,10,222)
```
#def80a
```
#def80a rgb(222,248,10)
```
#0af824
```
#0af824 rgb(10,248,36)
```

Tetradic Color

#b0059e
```
#b0059e rgb(176,5,158)
```
#c906b4
```
#c906b4 rgb(201,6,180)
```
#e206ca
```
#e206ca rgb(226,6,202)
```
#f80ade
```
#f80ade rgb(248,10,222)
```
#f923e1
```
#f923e1 rgb(249,35,225)
```
#f93ce5
```
#f93ce5 rgb(249,60,229)
```
#fa54e8
```
#fa54e8 rgb(250,84,232)
```

Monochromatic Color

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

#d70af8
```
#d70af8 rgb(215,10,248)
```
#ea0af8
```
#ea0af8 rgb(234,10,248)
```
#f80af2
```
#f80af2 rgb(248,10,242)
```
#f80ade
```
#f80ade rgb(248,10,222)
```
#f80aca
```
#f80aca rgb(248,10,202)
```
#f80ab6
```
#f80ab6 rgb(248,10,182)
```
#f80aa3
```
#f80aa3 rgb(248,10,163)
```

Similar Colors

Text with hexadecimal color #f80ade

This text has a font color of #f80ade.

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

#f80ade background color

This paragraph has a background color of #f80ade.

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

#f80ade border color

This element has a border color of #f80ade.

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

CSS codes

.text {color:#f80ade;}

.background {background-color:#f80ade;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#160114
```
#160114 rgb(22,1,20)
```
#290125
```
#290125 rgb(41,1,37)
```
#3c0236
```
#3c0236 rgb(60,2,54)
```
#4f0247
```
#4f0247 rgb(79,2,71)
```
#620358
```
#620358 rgb(98,3,88)
```
#750369
```
#750369 rgb(117,3,105)
```
#88047a
```
#88047a rgb(136,4,122)
```
#9b048b
```
#9b048b rgb(155,4,139)
```
#af059c
```
#af059c rgb(175,5,156)
```
#c206ad
```
#c206ad rgb(194,6,173)
```
#d506be
```
#d506be rgb(213,6,190)
```
#e807cf
```
#e807cf rgb(232,7,207)
```

Shade Color Variation

#f80ade
```
#f80ade rgb(248,10,222)
```
#f91de1
```
#f91de1 rgb(249,29,225)
```
#f930e3
```
#f930e3 rgb(249,48,227)
```
#fa43e6
```
#fa43e6 rgb(250,67,230)
```
#fa56e8
```
#fa56e8 rgb(250,86,232)
```
#fb69eb
```
#fb69eb rgb(251,105,235)
```
#fb7ced
```
#fb7ced rgb(251,124,237)
```
#fc8ff0
```
#fc8ff0 rgb(252,143,240)
```
#fca3f3
```
#fca3f3 rgb(252,163,243)
```
#fdb6f5
```
#fdb6f5 rgb(253,182,245)
```
#fdc9f8
```
#fdc9f8 rgb(253,201,248)
```
#fedcfa
```
#fedcfa rgb(254,220,250)
```
#ffeffd
```
#ffeffd rgb(255,239,253)
```

Tint Color Variation

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

#847e83
```
#847e83 rgb(132,126,131)
```
#8d758b
```
#8d758b rgb(141,117,139)
```
#976b92
```
#976b92 rgb(151,107,146)
```
#a1619a
```
#a1619a rgb(161,97,154)
```
#aa58a1
```
#aa58a1 rgb(170,88,161)
```
#b44ea9
```
#b44ea9 rgb(180,78,169)
```
#be44b1
```
#be44b1 rgb(190,68,177)
```
#c83ab8
```
#c83ab8 rgb(200,58,184)
```
#d131c0
```
#d131c0 rgb(209,49,192)
```
#db27c7
```
#db27c7 rgb(219,39,199)
```
#e51dcf
```
#e51dcf rgb(229,29,207)
```
#ee14d6
```
#ee14d6 rgb(238,20,214)
```
#f80ade
```
#f80ade rgb(248,10,222)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#865680 Atypical Achromatopsia 0.001% of the population

Dichromacy

#498cff Protanopia 1% of men
#768fca Deuteranopia 1% of men
#eb6066 Tritanopia 0.001% of the population

Trichromacy

#895df3 Protanomaly 1% of men, 0.01% of women
#a55ed1 Deuteranomaly 6% of men, 0.4% of women
#f04191 Tritanomaly 0.01% of the population

#f80ade hex color

#f80ade Color Information

#f80ade Color Conversion

Color Schemes with #f80ade

Alternatives to #f80ade

#f80ade Preview

Shades and Tints of #f80ade

Tones of #f80ade

Color Blindness Simulator