#f80ad3 hex color

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

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

● #f80ad3 color description : Vivid magenta.

The hexadecimal color #f80ad3 has RGB values of R:248, G:10, B:211 and CMYK values of C:0, M:0.96, Y:0.15, K:0.03. Its decimal value is 16255699.

Hex triplet	f80ad3	`#f80ad3`
RGB Decimal	248, 10, 211	`rgb(248,10,211)`
RGB Percent	97.3, 3.9, 82.7	`rgb(97.3%,3.9%,82.7%)`
CMYK	0, 96, 15, 3
HSL	309.3°, 94.4, 50.6	`hsl(309.3,94.4%,50.6%)`
HSV (or HSB)	309.3°, 96, 97.3
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	56.959, 90.696, -41.536
XYZ	50.578, 24.881, 63.763
xyY	0.363, 0.179, 24.881
CIE-LCH	56.959, 99.755, 335.394
CIE-LUV	56.959, 97.058, -77.211
Hunter-Lab	49.881, 93.702, -40.875
Binary	11111000, 00001010, 11010011

#f80ad3
```
#f80ad3 rgb(248,10,211)
```
#0af82f
```
#0af82f rgb(10,248,47)
```

Complementary Color

#a60af8
```
#a60af8 rgb(166,10,248)
```
#f80ad3
```
#f80ad3 rgb(248,10,211)
```
#f80a5c
```
#f80a5c rgb(248,10,92)
```

Analogous Color

#0af8a6
```
#0af8a6 rgb(10,248,166)
```
#f80ad3
```
#f80ad3 rgb(248,10,211)
```
#5cf80a
```
#5cf80a rgb(92,248,10)
```

Split Complementary Color

#0ad3f8
```
#0ad3f8 rgb(10,211,248)
```
#f80ad3
```
#f80ad3 rgb(248,10,211)
```
#d3f80a
```
#d3f80a rgb(211,248,10)
```

Triadic Color

#2f0af8
```
#2f0af8 rgb(47,10,248)
```
#f80ad3
```
#f80ad3 rgb(248,10,211)
```
#d3f80a
```
#d3f80a rgb(211,248,10)
```
#0af82f
```
#0af82f rgb(10,248,47)
```

Tetradic Color

#b00596
```
#b00596 rgb(176,5,150)
```
#c906ab
```
#c906ab rgb(201,6,171)
```
#e206c0
```
#e206c0 rgb(226,6,192)
```
#f80ad3
```
#f80ad3 rgb(248,10,211)
```
#f923d7
```
#f923d7 rgb(249,35,215)
```
#f93cdc
```
#f93cdc rgb(249,60,220)
```
#fa54e0
```
#fa54e0 rgb(250,84,224)
```

Monochromatic Color

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

#e20af8
```
#e20af8 rgb(226,10,248)
```
#f50af8
```
#f50af8 rgb(245,10,248)
```
#f80ae7
```
#f80ae7 rgb(248,10,231)
```
#f80ad3
```
#f80ad3 rgb(248,10,211)
```
#f80abf
```
#f80abf rgb(248,10,191)
```
#f80aab
```
#f80aab rgb(248,10,171)
```
#f80a98
```
#f80a98 rgb(248,10,152)
```

Similar Colors

Text with hexadecimal color #f80ad3

This text has a font color of #f80ad3.

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

#f80ad3 background color

This paragraph has a background color of #f80ad3.

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

#f80ad3 border color

This element has a border color of #f80ad3.

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

CSS codes

.text {color:#f80ad3;}

.background {background-color:#f80ad3;}

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

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

#030002
```
#030002 rgb(3,0,2)
```
#160113
```
#160113 rgb(22,1,19)
```
#290123
```
#290123 rgb(41,1,35)
```
#3c0233
```
#3c0233 rgb(60,2,51)
```
#4f0243
```
#4f0243 rgb(79,2,67)
```
#620353
```
#620353 rgb(98,3,83)
```
#750364
```
#750364 rgb(117,3,100)
```
#880474
```
#880474 rgb(136,4,116)
```
#9b0484
```
#9b0484 rgb(155,4,132)
```
#af0594
```
#af0594 rgb(175,5,148)
```
#c206a4
```
#c206a4 rgb(194,6,164)
```
#d506b5
```
#d506b5 rgb(213,6,181)
```
#e807c5
```
#e807c5 rgb(232,7,197)
```

Shade Color Variation

#f80ad3
```
#f80ad3 rgb(248,10,211)
```
#f91dd6
```
#f91dd6 rgb(249,29,214)
```
#f930da
```
#f930da rgb(249,48,218)
```
#fa43dd
```
#fa43dd rgb(250,67,221)
```
#fa56e1
```
#fa56e1 rgb(250,86,225)
```
#fb69e4
```
#fb69e4 rgb(251,105,228)
```
#fb7ce8
```
#fb7ce8 rgb(251,124,232)
```
#fc8feb
```
#fc8feb rgb(252,143,235)
```
#fca3ee
```
#fca3ee rgb(252,163,238)
```
#fdb6f2
```
#fdb6f2 rgb(253,182,242)
```
#fdc9f5
```
#fdc9f5 rgb(253,201,245)
```
#fedcf9
```
#fedcf9 rgb(254,220,249)
```
#ffeffc
```
#ffeffc rgb(255,239,252)
```

Tint Color Variation

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

#847e83
```
#847e83 rgb(132,126,131)
```
#8d758a
```
#8d758a rgb(141,117,138)
```
#976b90
```
#976b90 rgb(151,107,144)
```
#a16197
```
#a16197 rgb(161,97,151)
```
#aa589e
```
#aa589e rgb(170,88,158)
```
#b44ea4
```
#b44ea4 rgb(180,78,164)
```
#be44ab
```
#be44ab rgb(190,68,171)
```
#c83ab2
```
#c83ab2 rgb(200,58,178)
```
#d131b8
```
#d131b8 rgb(209,49,184)
```
#db27bf
```
#db27bf rgb(219,39,191)
```
#e51dc6
```
#e51dc6 rgb(229,29,198)
```
#ee14cc
```
#ee14cc rgb(238,20,204)
```
#f80ad3
```
#f80ad3 rgb(248,10,211)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#85557d Atypical Achromatopsia 0.001% of the population

Dichromacy

#458bff Protanopia 1% of men
#7c8dc1 Deuteranopia 1% of men
#ed5c61 Tritanopia 0.001% of the population

Trichromacy

#865cef Protanomaly 1% of men, 0.01% of women
#a95dc7 Deuteranomaly 6% of men, 0.4% of women
#f13e8a Tritanomaly 0.01% of the population

#f80ad3 hex color

#f80ad3 Color Information

#f80ad3 Color Conversion

Color Schemes with #f80ad3

Alternatives to #f80ad3

#f80ad3 Preview

Shades and Tints of #f80ad3

Tones of #f80ad3

Color Blindness Simulator