#f80e56 hex color

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

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

● #f80e56 color description : Vivid pink.

The hexadecimal color #f80e56 has RGB values of R:248, G:14, B:86 and CMYK values of C:0, M:0.94, Y:0.65, K:0.03. Its decimal value is 16256598.

Hex triplet	f80e56	`#f80e56`
RGB Decimal	248, 14, 86	`rgb(248,14,86)`
RGB Percent	97.3, 5.5, 33.7	`rgb(97.3%,5.5%,33.7%)`
CMYK	0, 94, 65, 3
HSL	341.5°, 94.4, 51.4	`hsl(341.5,94.4%,51.4%)`
HSV (or HSB)	341.5°, 94.4, 97.3
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.892, 79.456, 26.452
XYZ	40.55, 20.948, 10.712
xyY	0.562, 0.29, 20.948
CIE-LCH	52.892, 83.743, 18.413
CIE-LUV	52.892, 152.229, 13.025
Hunter-Lab	45.768, 78.053, 18.162
Binary	11111000, 00001110, 01010110

#f80e56
```
#f80e56 rgb(248,14,86)
```
#0ef8b0
```
#0ef8b0 rgb(14,248,176)
```

Complementary Color

#f80ecb
```
#f80ecb rgb(248,14,203)
```
#f80e56
```
#f80e56 rgb(248,14,86)
```
#f83b0e
```
#f83b0e rgb(248,59,14)
```

Analogous Color

#0ecbf8
```
#0ecbf8 rgb(14,203,248)
```
#f80e56
```
#f80e56 rgb(248,14,86)
```
#0ef83b
```
#0ef83b rgb(14,248,59)
```

Split Complementary Color

#0e56f8
```
#0e56f8 rgb(14,86,248)
```
#f80e56
```
#f80e56 rgb(248,14,86)
```
#56f80e
```
#56f80e rgb(86,248,14)
```

Triadic Color

#b00ef8
```
#b00ef8 rgb(176,14,248)
```
#f80e56
```
#f80e56 rgb(248,14,86)
```
#56f80e
```
#56f80e rgb(86,248,14)
```
#0ef8b0
```
#0ef8b0 rgb(14,248,176)
```

Tetradic Color

#b4053b
```
#b4053b rgb(180,5,59)
```
#cd0643
```
#cd0643 rgb(205,6,67)
```
#e6074b
```
#e6074b rgb(230,7,75)
```
#f80e56
```
#f80e56 rgb(248,14,86)
```
#f92767
```
#f92767 rgb(249,39,103)
```
#f94079
```
#f94079 rgb(249,64,121)
```
#fa588a
```
#fa588a rgb(250,88,138)
```

Monochromatic Color

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

#f80e91
```
#f80e91 rgb(248,14,145)
```
#f80e7d
```
#f80e7d rgb(248,14,125)
```
#f80e6a
```
#f80e6a rgb(248,14,106)
```
#f80e56
```
#f80e56 rgb(248,14,86)
```
#f80e43
```
#f80e43 rgb(248,14,67)
```
#f80e2f
```
#f80e2f rgb(248,14,47)
```
#f80e1b
```
#f80e1b rgb(248,14,27)
```

Similar Colors

Text with hexadecimal color #f80e56

This text has a font color of #f80e56.

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

#f80e56 background color

This paragraph has a background color of #f80e56.

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

#f80e56 border color

This element has a border color of #f80e56.

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

CSS codes

.text {color:#f80e56;}

.background {background-color:#f80e56;}

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

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)
```
#790428
```
#790428 rgb(121,4,40)
```
#8c042e
```
#8c042e rgb(140,4,46)
```
#9f0534
```
#9f0534 rgb(159,5,52)
```
#b2053a
```
#b2053a rgb(178,5,58)
```
#c50641
```
#c50641 rgb(197,6,65)
```
#d80647
```
#d80647 rgb(216,6,71)
```
#ec074d
```
#ec074d rgb(236,7,77)
```

Shade Color Variation

#f80e56
```
#f80e56 rgb(248,14,86)
```
#f92163
```
#f92163 rgb(249,33,99)
```
#f93471
```
#f93471 rgb(249,52,113)
```
#fa477e
```
#fa477e rgb(250,71,126)
```
#fa5a8b
```
#fa5a8b rgb(250,90,139)
```
#fb6d99
```
#fb6d99 rgb(251,109,153)
```
#fb80a6
```
#fb80a6 rgb(251,128,166)
```
#fc93b4
```
#fc93b4 rgb(252,147,180)
```
#fca6c1
```
#fca6c1 rgb(252,166,193)
```
#fdbace
```
#fdbace rgb(253,186,206)
```
#fecddc
```
#fecddc rgb(254,205,220)
```
#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 #f80e56 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)
```
#b55170
```
#b55170 rgb(181,81,112)
```
#bf476c
```
#bf476c rgb(191,71,108)
```
#c83e68
```
#c83e68 rgb(200,62,104)
```
#d23465
```
#d23465 rgb(210,52,101)
```
#db2b61
```
#db2b61 rgb(219,43,97)
```
#e5215d
```
#e5215d rgb(229,33,93)
```
#ee185a
```
#ee185a rgb(238,24,90)
```
#f80e56
```
#f80e56 rgb(248,14,86)
```

Tone Color Variation

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

#888480 Protanopia 1% of men
#a07f50 Deuteranopia 1% of men
#f62e2b Tritanopia 0.001% of the population

Trichromacy

#b05970 Protanomaly 1% of men, 0.01% of women
#c05652 Deuteranomaly 6% of men, 0.4% of women
#f7223b Tritanomaly 0.01% of the population

#f80e56 hex color

#f80e56 Color Information

#f80e56 Color Conversion

Color Schemes with #f80e56

Alternatives to #f80e56

#f80e56 Preview

Shades and Tints of #f80e56

Tones of #f80e56

Color Blindness Simulator