#f80d55 hex color

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

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

● #f80d55 color description : Vivid pink.

The hexadecimal color #f80d55 has RGB values of R:248, G:13, B:85 and CMYK values of C:0, M:0.95, Y:0.66, K:0.03. Its decimal value is 16256341.

Hex triplet	f80d55	`#f80d55`
RGB Decimal	248, 13, 85	`rgb(248,13,85)`
RGB Percent	97.3, 5.1, 33.3	`rgb(97.3%,5.1%,33.3%)`
CMYK	0, 95, 66, 3
HSL	341.6°, 94.4, 51.2	`hsl(341.6,94.4%,51.2%)`
HSV (or HSB)	341.6°, 94.8, 97.3
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.846, 79.491, 26.994
XYZ	40.497, 20.905, 10.497
xyY	0.563, 0.291, 20.905
CIE-LCH	52.846, 83.949, 18.757
CIE-LUV	52.846, 152.712, 13.493
Hunter-Lab	45.722, 78.086, 18.394
Binary	11111000, 00001101, 01010101

#f80d55
```
#f80d55 rgb(248,13,85)
```
#0df8b0
```
#0df8b0 rgb(13,248,176)
```

Complementary Color

#f80dcb
```
#f80dcb rgb(248,13,203)
```
#f80d55
```
#f80d55 rgb(248,13,85)
```
#f83b0d
```
#f83b0d rgb(248,59,13)
```

Analogous Color

#0dcbf8
```
#0dcbf8 rgb(13,203,248)
```
#f80d55
```
#f80d55 rgb(248,13,85)
```
#0df83b
```
#0df83b rgb(13,248,59)
```

Split Complementary Color

#0d55f8
```
#0d55f8 rgb(13,85,248)
```
#f80d55
```
#f80d55 rgb(248,13,85)
```
#55f80d
```
#55f80d rgb(85,248,13)
```

Triadic Color

#b00df8
```
#b00df8 rgb(176,13,248)
```
#f80d55
```
#f80d55 rgb(248,13,85)
```
#55f80d
```
#55f80d rgb(85,248,13)
```
#0df8b0
```
#0df8b0 rgb(13,248,176)
```

Tetradic Color

#b3053b
```
#b3053b rgb(179,5,59)
```
#cc0643
```
#cc0643 rgb(204,6,67)
```
#e5074b
```
#e5074b rgb(229,7,75)
```
#f80d55
```
#f80d55 rgb(248,13,85)
```
#f92666
```
#f92666 rgb(249,38,102)
```
#f93f78
```
#f93f78 rgb(249,63,120)
```
#fa5789
```
#fa5789 rgb(250,87,137)
```

Monochromatic Color

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

#f80d90
```
#f80d90 rgb(248,13,144)
```
#f80d7c
```
#f80d7c rgb(248,13,124)
```
#f80d69
```
#f80d69 rgb(248,13,105)
```
#f80d55
```
#f80d55 rgb(248,13,85)
```
#f80d41
```
#f80d41 rgb(248,13,65)
```
#f80d2e
```
#f80d2e rgb(248,13,46)
```
#f80d1a
```
#f80d1a rgb(248,13,26)
```

Similar Colors

Text with hexadecimal color #f80d55

This text has a font color of #f80d55.

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

#f80d55 background color

This paragraph has a background color of #f80d55.

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

#f80d55 border color

This element has a border color of #f80d55.

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

CSS codes

.text {color:#f80d55;}

.background {background-color:#f80d55;}

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

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

#060002
```
#060002 rgb(6,0,2)
```
#190108
```
#190108 rgb(25,1,8)
```
#2c010e
```
#2c010e rgb(44,1,14)
```
#3f0215
```
#3f0215 rgb(63,2,21)
```
#52021b
```
#52021b rgb(82,2,27)
```
#650321
```
#650321 rgb(101,3,33)
```
#780327
```
#780327 rgb(120,3,39)
```
#8b042d
```
#8b042d rgb(139,4,45)
```
#9e0534
```
#9e0534 rgb(158,5,52)
```
#b1053a
```
#b1053a rgb(177,5,58)
```
#c40640
```
#c40640 rgb(196,6,64)
```
#d80646
```
#d80646 rgb(216,6,70)
```
#eb074d
```
#eb074d rgb(235,7,77)
```

Shade Color Variation

#f80d55
```
#f80d55 rgb(248,13,85)
```
#f92062
```
#f92062 rgb(249,32,98)
```
#f93370
```
#f93370 rgb(249,51,112)
```
#fa467d
```
#fa467d rgb(250,70,125)
```
#fa598b
```
#fa598b rgb(250,89,139)
```
#fb6c98
```
#fb6c98 rgb(251,108,152)
```
#fb7fa5
```
#fb7fa5 rgb(251,127,165)
```
#fc92b3
```
#fc92b3 rgb(252,146,179)
```
#fca6c0
```
#fca6c0 rgb(252,166,192)
```
#fdb9ce
```
#fdb9ce rgb(253,185,206)
```
#feccdb
```
#feccdb rgb(254,204,219)
```
#fedfe8
```
#fedfe8 rgb(254,223,232)
```
#fff2f6
```
#fff2f6 rgb(255,242,246)
```

Tint Color Variation

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

#858082
```
#858082 rgb(133,128,130)
```
#8f767e
```
#8f767e rgb(143,118,126)
```
#986d7a
```
#986d7a rgb(152,109,122)
```
#a26376
```
#a26376 rgb(162,99,118)
```
#ab5a73
```
#ab5a73 rgb(171,90,115)
```
#b5506f
```
#b5506f rgb(181,80,111)
```
#bf466b
```
#bf466b rgb(191,70,107)
```
#c83d68
```
#c83d68 rgb(200,61,104)
```
#d23364
```
#d23364 rgb(210,51,100)
```
#db2a60
```
#db2a60 rgb(219,42,96)
```
#e5205c
```
#e5205c rgb(229,32,92)
```
#ee1759
```
#ee1759 rgb(238,23,89)
```
#f80d55
```
#f80d55 rgb(248,13,85)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#7a4b5a Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#b1586f Protanomaly 1% of men, 0.01% of women
#c05551 Deuteranomaly 6% of men, 0.4% of women
#f7213a Tritanomaly 0.01% of the population

#f80d55 hex color

#f80d55 Color Information

#f80d55 Color Conversion

Color Schemes with #f80d55

Alternatives to #f80d55

#f80d55 Preview

Shades and Tints of #f80d55

Tones of #f80d55

Color Blindness Simulator