#f80d80 hex color

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

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

● #f80d80 color description : Vivid pink.

The hexadecimal color #f80d80 has RGB values of R:248, G:13, B:128 and CMYK values of C:0, M:0.95, Y:0.48, K:0.03. Its decimal value is 16256384.

Hex triplet	f80d80	`#f80d80`
RGB Decimal	248, 13, 128	`rgb(248,13,128)`
RGB Percent	97.3, 5.1, 50.2	`rgb(97.3%,5.1%,50.2%)`
CMYK	0, 95, 48, 3
HSL	330.6°, 94.4, 51.2	`hsl(330.6,94.4%,51.2%)`
HSV (or HSB)	330.6°, 94.8, 97.3
Web Safe	ff0099	`#ff0099`

CIE-LAB	53.822, 82.142, 2.354
XYZ	42.753, 21.808, 22.379
xyY	0.492, 0.251, 21.808
CIE-LCH	53.822, 82.176, 1.642
CIE-LUV	53.822, 135.381, -13.443
Hunter-Lab	46.699, 81.695, 4.276
Binary	11111000, 00001101, 10000000

#f80d80
```
#f80d80 rgb(248,13,128)
```
#0df885
```
#0df885 rgb(13,248,133)
```

Complementary Color

#f80df6
```
#f80df6 rgb(248,13,246)
```
#f80d80
```
#f80d80 rgb(248,13,128)
```
#f8100d
```
#f8100d rgb(248,16,13)
```

Analogous Color

#0df6f8
```
#0df6f8 rgb(13,246,248)
```
#f80d80
```
#f80d80 rgb(248,13,128)
```
#0df810
```
#0df810 rgb(13,248,16)
```

Split Complementary Color

#0d80f8
```
#0d80f8 rgb(13,128,248)
```
#f80d80
```
#f80d80 rgb(248,13,128)
```
#80f80d
```
#80f80d rgb(128,248,13)
```

Triadic Color

#850df8
```
#850df8 rgb(133,13,248)
```
#f80d80
```
#f80d80 rgb(248,13,128)
```
#80f80d
```
#80f80d rgb(128,248,13)
```
#0df885
```
#0df885 rgb(13,248,133)
```

Tetradic Color

#b3055a
```
#b3055a rgb(179,5,90)
```
#cc0667
```
#cc0667 rgb(204,6,103)
```
#e50773
```
#e50773 rgb(229,7,115)
```
#f80d80
```
#f80d80 rgb(248,13,128)
```
#f9268d
```
#f9268d rgb(249,38,141)
```
#f93f9a
```
#f93f9a rgb(249,63,154)
```
#fa57a7
```
#fa57a7 rgb(250,87,167)
```

Monochromatic Color

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

#f80dbb
```
#f80dbb rgb(248,13,187)
```
#f80da7
```
#f80da7 rgb(248,13,167)
```
#f80d94
```
#f80d94 rgb(248,13,148)
```
#f80d80
```
#f80d80 rgb(248,13,128)
```
#f80d6c
```
#f80d6c rgb(248,13,108)
```
#f80d59
```
#f80d59 rgb(248,13,89)
```
#f80d45
```
#f80d45 rgb(248,13,69)
```

Similar Colors

Text with hexadecimal color #f80d80

This text has a font color of #f80d80.

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

#f80d80 background color

This paragraph has a background color of #f80d80.

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

#f80d80 border color

This element has a border color of #f80d80.

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

CSS codes

.text {color:#f80d80;}

.background {background-color:#f80d80;}

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

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

#060003
```
#060003 rgb(6,0,3)
```
#19010d
```
#19010d rgb(25,1,13)
```
#2c0116
```
#2c0116 rgb(44,1,22)
```
#3f0220
```
#3f0220 rgb(63,2,32)
```
#520229
```
#520229 rgb(82,2,41)
```
#650333
```
#650333 rgb(101,3,51)
```
#78033d
```
#78033d rgb(120,3,61)
```
#8b0446
```
#8b0446 rgb(139,4,70)
```
#9e0550
```
#9e0550 rgb(158,5,80)
```
#b10559
```
#b10559 rgb(177,5,89)
```
#c40663
```
#c40663 rgb(196,6,99)
```
#d8066d
```
#d8066d rgb(216,6,109)
```
#eb0776
```
#eb0776 rgb(235,7,118)
```

Shade Color Variation

#f80d80
```
#f80d80 rgb(248,13,128)
```
#f9208a
```
#f9208a rgb(249,32,138)
```
#f93394
```
#f93394 rgb(249,51,148)
```
#fa469e
```
#fa469e rgb(250,70,158)
```
#fa59a8
```
#fa59a8 rgb(250,89,168)
```
#fb6cb2
```
#fb6cb2 rgb(251,108,178)
```
#fb7fbc
```
#fb7fbc rgb(251,127,188)
```
#fc92c6
```
#fc92c6 rgb(252,146,198)
```
#fca6d0
```
#fca6d0 rgb(252,166,208)
```
#fdb9da
```
#fdb9da rgb(253,185,218)
```
#fecce4
```
#fecce4 rgb(254,204,228)
```
#fedfee
```
#fedfee rgb(254,223,238)
```
#fff2f8
```
#fff2f8 rgb(255,242,248)
```

Tint Color Variation

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

#858082
```
#858082 rgb(133,128,130)
```
#8f7682
```
#8f7682 rgb(143,118,130)
```
#986d82
```
#986d82 rgb(152,109,130)
```
#a26382
```
#a26382 rgb(162,99,130)
```
#ab5a82
```
#ab5a82 rgb(171,90,130)
```
#b55081
```
#b55081 rgb(181,80,129)
```
#bf4681
```
#bf4681 rgb(191,70,129)
```
#c83d81
```
#c83d81 rgb(200,61,129)
```
#d23381
```
#d23381 rgb(210,51,129)
```
#db2a81
```
#db2a81 rgb(219,42,129)
```
#e52080
```
#e52080 rgb(229,32,128)
```
#ee1780
```
#ee1780 rgb(238,23,128)
```
#f80d80
```
#f80d80 rgb(248,13,128)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#7e4f66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7885b3 Protanopia 1% of men
#998278 Deuteranopia 1% of men
#f43c3d Tritanopia 0.001% of the population

Trichromacy

#a759a0 Protanomaly 1% of men, 0.01% of women
#bb577a Deuteranomaly 6% of men, 0.4% of women
#f52b55 Tritanomaly 0.01% of the population

#f80d80 hex color

#f80d80 Color Information

#f80d80 Color Conversion

Color Schemes with #f80d80

Alternatives to #f80d80

#f80d80 Preview

Shades and Tints of #f80d80

Tones of #f80d80

Color Blindness Simulator