#f80e55 hex color

In a RGB color space, hex #f80e55 is composed of 97.3% red, 5.5% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94.4% magenta, 65.7% yellow and 2.7% black. It has a hue angle of 341.8 degrees, a saturation of 94.4% and a lightness of 51.4%. #f80e55 color hex could be obtained by blending #ff1caa with #f10000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 97
- G 5
- B 33
RGB color chart
- C 0
- M 94
- Y 66
- K 3
CMYK color chart

● #f80e55 color description : Vivid pink.

The hexadecimal color #f80e55 has RGB values of R:248, G:14, B:85 and CMYK values of C:0, M:0.94, Y:0.66, K:0.03. Its decimal value is 16256597.

Hex triplet	f80e55	`#f80e55`
RGB Decimal	248, 14, 85	`rgb(248,14,85)`
RGB Percent	97.3, 5.5, 33.3	`rgb(97.3%,5.5%,33.3%)`
CMYK	0, 94, 66, 3
HSL	341.8°, 94.4, 51.4	`hsl(341.8,94.4%,51.4%)`
HSV (or HSB)	341.8°, 94.4, 97.3
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.874, 79.408, 27.031
XYZ	40.51, 20.932, 10.501
xyY	0.563, 0.291, 20.932
CIE-LCH	52.874, 83.882, 18.799
CIE-LUV	52.874, 152.574, 13.556
Hunter-Lab	45.751, 77.988, 18.417
Binary	11111000, 00001110, 01010101

#f80e55
```
#f80e55 rgb(248,14,85)
```
#0ef8b1
```
#0ef8b1 rgb(14,248,177)
```

Complementary Color

#f80eca
```
#f80eca rgb(248,14,202)
```
#f80e55
```
#f80e55 rgb(248,14,85)
```
#f83c0e
```
#f83c0e rgb(248,60,14)
```

Analogous Color

#0ecaf8
```
#0ecaf8 rgb(14,202,248)
```
#f80e55
```
#f80e55 rgb(248,14,85)
```
#0ef83c
```
#0ef83c rgb(14,248,60)
```

Split Complementary Color

#0e55f8
```
#0e55f8 rgb(14,85,248)
```
#f80e55
```
#f80e55 rgb(248,14,85)
```
#55f80e
```
#55f80e rgb(85,248,14)
```

Triadic Color

#b10ef8
```
#b10ef8 rgb(177,14,248)
```
#f80e55
```
#f80e55 rgb(248,14,85)
```
#55f80e
```
#55f80e rgb(85,248,14)
```
#0ef8b1
```
#0ef8b1 rgb(14,248,177)
```

Tetradic Color

#b4053a
```
#b4053a rgb(180,5,58)
```
#cd0642
```
#cd0642 rgb(205,6,66)
```
#e6074a
```
#e6074a rgb(230,7,74)
```
#f80e55
```
#f80e55 rgb(248,14,85)
```
#f92766
```
#f92766 rgb(249,39,102)
```
#f94078
```
#f94078 rgb(249,64,120)
```
#fa5889
```
#fa5889 rgb(250,88,137)
```

Monochromatic Color

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

#f80e90
```
#f80e90 rgb(248,14,144)
```
#f80e7c
```
#f80e7c rgb(248,14,124)
```
#f80e69
```
#f80e69 rgb(248,14,105)
```
#f80e55
```
#f80e55 rgb(248,14,85)
```
#f80e41
```
#f80e41 rgb(248,14,65)
```
#f80e2e
```
#f80e2e rgb(248,14,46)
```
#f80e1a
```
#f80e1a rgb(248,14,26)
```

Similar Colors

Text with hexadecimal color #f80e55

This text has a font color of #f80e55.

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

#f80e55 background color

This paragraph has a background color of #f80e55.

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

#f80e55 border color

This element has a border color of #f80e55.

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

CSS codes

.text {color:#f80e55;}

.background {background-color:#f80e55;}

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

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

#070002
```
#070002 rgb(7,0,2)
```
#1a0108
```
#1a0108 rgb(26,1,8)
```
#2d010f
```
#2d010f rgb(45,1,15)
```
#400215
```
#400215 rgb(64,2,21)
```
#53021b
```
#53021b rgb(83,2,27)
```
#660321
```
#660321 rgb(102,3,33)
```
#790427
```
#790427 rgb(121,4,39)
```
#8c042d
```
#8c042d rgb(140,4,45)
```
#9f0534
```
#9f0534 rgb(159,5,52)
```
#b2053a
```
#b2053a rgb(178,5,58)
```
#c50640
```
#c50640 rgb(197,6,64)
```
#d80646
```
#d80646 rgb(216,6,70)
```
#ec074c
```
#ec074c rgb(236,7,76)
```

Shade Color Variation

#f80e55
```
#f80e55 rgb(248,14,85)
```
#f92162
```
#f92162 rgb(249,33,98)
```
#f93470
```
#f93470 rgb(249,52,112)
```
#fa477d
```
#fa477d rgb(250,71,125)
```
#fa5a8b
```
#fa5a8b rgb(250,90,139)
```
#fb6d98
```
#fb6d98 rgb(251,109,152)
```
#fb80a6
```
#fb80a6 rgb(251,128,166)
```
#fc93b3
```
#fc93b3 rgb(252,147,179)
```
#fca6c1
```
#fca6c1 rgb(252,166,193)
```
#fdbace
```
#fdbace rgb(253,186,206)
```
#fecddb
```
#fecddb rgb(254,205,219)
```
#fee0e9
```
#fee0e9 rgb(254,224,233)
```
#fff3f6
```
#fff3f6 rgb(255,243,246)
```

Tint Color Variation

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

#868082
```
#868082 rgb(134,128,130)
```
#8f777e
```
#8f777e rgb(143,119,126)
```
#996d7b
```
#996d7b rgb(153,109,123)
```
#a26477
```
#a26477 rgb(162,100,119)
```
#ac5a73
```
#ac5a73 rgb(172,90,115)
```
#b5516f
```
#b5516f rgb(181,81,111)
```
#bf476c
```
#bf476c rgb(191,71,108)
```
#c83e68
```
#c83e68 rgb(200,62,104)
```
#d23464
```
#d23464 rgb(210,52,100)
```
#db2b60
```
#db2b60 rgb(219,43,96)
```
#e5215d
```
#e5215d rgb(229,33,93)
```
#ee1859
```
#ee1859 rgb(238,24,89)
```
#f80e55
```
#f80e55 rgb(248,14,85)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#7b4c5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#88847e Protanopia 1% of men
#a07f4f Deuteranopia 1% of men
#f62d2b Tritanopia 0.001% of the population

Trichromacy

#b1596f Protanomaly 1% of men, 0.01% of women
#c05651 Deuteranomaly 6% of men, 0.4% of women
#f7223a Tritanomaly 0.01% of the population

#f80e55 hex color

#f80e55 Color Information

#f80e55 Color Conversion

Color Schemes with #f80e55

Alternatives to #f80e55

#f80e55 Preview

Shades and Tints of #f80e55

Tones of #f80e55

Color Blindness Simulator