#f80dd4 hex color

In a RGB color space, hex #f80dd4 is composed of 97.3% red, 5.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94.8% magenta, 14.5% yellow and 2.7% black. It has a hue angle of 309.2 degrees, a saturation of 94.4% and a lightness of 51.2%. #f80dd4 color hex could be obtained by blending #ff1aff with #f100a9. Closest websafe color is: #ff00cc.

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

● #f80dd4 color description : Vivid magenta.

The hexadecimal color #f80dd4 has RGB values of R:248, G:13, B:212 and CMYK values of C:0, M:0.95, Y:0.15, K:0.03. Its decimal value is 16256468.

Hex triplet	f80dd4	`#f80dd4`
RGB Decimal	248, 13, 212	`rgb(248,13,212)`
RGB Percent	97.3, 5.1, 83.1	`rgb(97.3%,5.1%,83.1%)`
CMYK	0, 95, 15, 3
HSL	309.2°, 94.4, 51.2	`hsl(309.2,94.4%,51.2%)`
HSV (or HSB)	309.2°, 94.8, 97.3
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	57.077, 90.617, -41.919
XYZ	50.739, 25.002, 64.438
xyY	0.362, 0.178, 25.002
CIE-LCH	57.077, 99.843, 335.175
CIE-LUV	57.077, 96.456, -77.811
Hunter-Lab	50.002, 93.627, -41.405
Binary	11111000, 00001101, 11010100

#f80dd4
```
#f80dd4 rgb(248,13,212)
```
#0df831
```
#0df831 rgb(13,248,49)
```

Complementary Color

#a70df8
```
#a70df8 rgb(167,13,248)
```
#f80dd4
```
#f80dd4 rgb(248,13,212)
```
#f80d5f
```
#f80d5f rgb(248,13,95)
```

Analogous Color

#0df8a7
```
#0df8a7 rgb(13,248,167)
```
#f80dd4
```
#f80dd4 rgb(248,13,212)
```
#5ff80d
```
#5ff80d rgb(95,248,13)
```

Split Complementary Color

#0dd4f8
```
#0dd4f8 rgb(13,212,248)
```
#f80dd4
```
#f80dd4 rgb(248,13,212)
```
#d4f80d
```
#d4f80d rgb(212,248,13)
```

Triadic Color

#310df8
```
#310df8 rgb(49,13,248)
```
#f80dd4
```
#f80dd4 rgb(248,13,212)
```
#d4f80d
```
#d4f80d rgb(212,248,13)
```
#0df831
```
#0df831 rgb(13,248,49)
```

Tetradic Color

#b30599
```
#b30599 rgb(179,5,153)
```
#cc06ae
```
#cc06ae rgb(204,6,174)
```
#e507c3
```
#e507c3 rgb(229,7,195)
```
#f80dd4
```
#f80dd4 rgb(248,13,212)
```
#f926d8
```
#f926d8 rgb(249,38,216)
```
#f93fdd
```
#f93fdd rgb(249,63,221)
```
#fa57e1
```
#fa57e1 rgb(250,87,225)
```

Monochromatic Color

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

#e10df8
```
#e10df8 rgb(225,13,248)
```
#f50df8
```
#f50df8 rgb(245,13,248)
```
#f80de8
```
#f80de8 rgb(248,13,232)
```
#f80dd4
```
#f80dd4 rgb(248,13,212)
```
#f80dc0
```
#f80dc0 rgb(248,13,192)
```
#f80dad
```
#f80dad rgb(248,13,173)
```
#f80d99
```
#f80d99 rgb(248,13,153)
```

Similar Colors

Text with hexadecimal color #f80dd4

This text has a font color of #f80dd4.

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

#f80dd4 background color

This paragraph has a background color of #f80dd4.

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

#f80dd4 border color

This element has a border color of #f80dd4.

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

CSS codes

.text {color:#f80dd4;}

.background {background-color:#f80dd4;}

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

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

#060005
```
#060005 rgb(6,0,5)
```
#190115
```
#190115 rgb(25,1,21)
```
#2c0125
```
#2c0125 rgb(44,1,37)
```
#3f0236
```
#3f0236 rgb(63,2,54)
```
#520246
```
#520246 rgb(82,2,70)
```
#650356
```
#650356 rgb(101,3,86)
```
#780366
```
#780366 rgb(120,3,102)
```
#8b0477
```
#8b0477 rgb(139,4,119)
```
#9e0587
```
#9e0587 rgb(158,5,135)
```
#b10597
```
#b10597 rgb(177,5,151)
```
#c406a7
```
#c406a7 rgb(196,6,167)
```
#d806b7
```
#d806b7 rgb(216,6,183)
```
#eb07c8
```
#eb07c8 rgb(235,7,200)
```

Shade Color Variation

#f80dd4
```
#f80dd4 rgb(248,13,212)
```
#f920d7
```
#f920d7 rgb(249,32,215)
```
#f933db
```
#f933db rgb(249,51,219)
```
#fa46de
```
#fa46de rgb(250,70,222)
```
#fa59e2
```
#fa59e2 rgb(250,89,226)
```
#fb6ce5
```
#fb6ce5 rgb(251,108,229)
```
#fb7fe8
```
#fb7fe8 rgb(251,127,232)
```
#fc92ec
```
#fc92ec rgb(252,146,236)
```
#fca6ef
```
#fca6ef rgb(252,166,239)
```
#fdb9f2
```
#fdb9f2 rgb(253,185,242)
```
#feccf6
```
#feccf6 rgb(254,204,246)
```
#fedff9
```
#fedff9 rgb(254,223,249)
```
#fff2fd
```
#fff2fd rgb(255,242,253)
```

Tint Color Variation

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

#858084
```
#858084 rgb(133,128,132)
```
#8f768b
```
#8f768b rgb(143,118,139)
```
#986d92
```
#986d92 rgb(152,109,146)
```
#a26398
```
#a26398 rgb(162,99,152)
```
#ab5a9f
```
#ab5a9f rgb(171,90,159)
```
#b550a6
```
#b550a6 rgb(181,80,166)
```
#bf46ac
```
#bf46ac rgb(191,70,172)
```
#c83db3
```
#c83db3 rgb(200,61,179)
```
#d233b9
```
#d233b9 rgb(210,51,185)
```
#db2ac0
```
#db2ac0 rgb(219,42,192)
```
#e520c7
```
#e520c7 rgb(229,32,199)
```
#ee17cd
```
#ee17cd rgb(238,23,205)
```
#f80dd4
```
#f80dd4 rgb(248,13,212)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#86577f Atypical Achromatopsia 0.001% of the population

Dichromacy

#468bff Protanopia 1% of men
#7c8dc2 Deuteranopia 1% of men
#ed5d62 Tritanopia 0.001% of the population

Trichromacy

#875def Protanomaly 1% of men, 0.01% of women
#a95ec8 Deuteranomaly 6% of men, 0.4% of women
#f1408b Tritanomaly 0.01% of the population

#f80dd4 hex color

#f80dd4 Color Information

#f80dd4 Color Conversion

Color Schemes with #f80dd4

Alternatives to #f80dd4

#f80dd4 Preview

Shades and Tints of #f80dd4

Tones of #f80dd4

Color Blindness Simulator