#f80d36 hex color

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

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

● #f80d36 color description : Vivid red.

The hexadecimal color #f80d36 has RGB values of R:248, G:13, B:54 and CMYK values of C:0, M:0.95, Y:0.78, K:0.03. Its decimal value is 16256310.

Hex triplet	f80d36	`#f80d36`
RGB Decimal	248, 13, 54	`rgb(248,13,54)`
RGB Percent	97.3, 5.1, 21.2	`rgb(97.3%,5.1%,21.2%)`
CMYK	0, 95, 78, 3
HSL	349.5°, 94.4, 51.2	`hsl(349.5,94.4%,51.2%)`
HSV (or HSB)	349.5°, 94.8, 97.3
Web Safe	ff0033	`#ff0033`

CIE-LAB	52.415, 78.306, 44.619
XYZ	39.523, 20.516, 5.369
xyY	0.604, 0.314, 20.516
CIE-LCH	52.415, 90.125, 29.674
CIE-LUV	52.415, 161.655, 27.124
Hunter-Lab	45.294, 76.491, 24.678
Binary	11111000, 00001101, 00110110

#f80d36
```
#f80d36 rgb(248,13,54)
```
#0df8cf
```
#0df8cf rgb(13,248,207)
```

Complementary Color

#f80dac
```
#f80dac rgb(248,13,172)
```
#f80d36
```
#f80d36 rgb(248,13,54)
```
#f8590d
```
#f8590d rgb(248,89,13)
```

Analogous Color

#0dacf8
```
#0dacf8 rgb(13,172,248)
```
#f80d36
```
#f80d36 rgb(248,13,54)
```
#0df859
```
#0df859 rgb(13,248,89)
```

Split Complementary Color

#0d36f8
```
#0d36f8 rgb(13,54,248)
```
#f80d36
```
#f80d36 rgb(248,13,54)
```
#36f80d
```
#36f80d rgb(54,248,13)
```

Triadic Color

#cf0df8
```
#cf0df8 rgb(207,13,248)
```
#f80d36
```
#f80d36 rgb(248,13,54)
```
#36f80d
```
#36f80d rgb(54,248,13)
```
#0df8cf
```
#0df8cf rgb(13,248,207)
```

Tetradic Color

#b30524
```
#b30524 rgb(179,5,36)
```
#cc0628
```
#cc0628 rgb(204,6,40)
```
#e5072d
```
#e5072d rgb(229,7,45)
```
#f80d36
```
#f80d36 rgb(248,13,54)
```
#f9264b
```
#f9264b rgb(249,38,75)
```
#f93f5f
```
#f93f5f rgb(249,63,95)
```
#fa5774
```
#fa5774 rgb(250,87,116)
```

Monochromatic Color

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

#f80d71
```
#f80d71 rgb(248,13,113)
```
#f80d5d
```
#f80d5d rgb(248,13,93)
```
#f80d4a
```
#f80d4a rgb(248,13,74)
```
#f80d36
```
#f80d36 rgb(248,13,54)
```
#f80d22
```
#f80d22 rgb(248,13,34)
```
#f80d0f
```
#f80d0f rgb(248,13,15)
```
#f81f0d
```
#f81f0d rgb(248,31,13)
```

Similar Colors

Text with hexadecimal color #f80d36

This text has a font color of #f80d36.

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

#f80d36 background color

This paragraph has a background color of #f80d36.

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

#f80d36 border color

This element has a border color of #f80d36.

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

CSS codes

.text {color:#f80d36;}

.background {background-color:#f80d36;}

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

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

#060001
```
#060001 rgb(6,0,1)
```
#190105
```
#190105 rgb(25,1,5)
```
#2c0109
```
#2c0109 rgb(44,1,9)
```
#3f020d
```
#3f020d rgb(63,2,13)
```
#520210
```
#520210 rgb(82,2,16)
```
#650314
```
#650314 rgb(101,3,20)
```
#780318
```
#780318 rgb(120,3,24)
```
#8b041c
```
#8b041c rgb(139,4,28)
```
#9e051f
```
#9e051f rgb(158,5,31)
```
#b10523
```
#b10523 rgb(177,5,35)
```
#c40627
```
#c40627 rgb(196,6,39)
```
#d8062b
```
#d8062b rgb(216,6,43)
```
#eb072f
```
#eb072f rgb(235,7,47)
```

Shade Color Variation

#f80d36
```
#f80d36 rgb(248,13,54)
```
#f92046
```
#f92046 rgb(249,32,70)
```
#f93356
```
#f93356 rgb(249,51,86)
```
#fa4666
```
#fa4666 rgb(250,70,102)
```
#fa5975
```
#fa5975 rgb(250,89,117)
```
#fb6c85
```
#fb6c85 rgb(251,108,133)
```
#fb7f95
```
#fb7f95 rgb(251,127,149)
```
#fc92a5
```
#fc92a5 rgb(252,146,165)
```
#fca6b5
```
#fca6b5 rgb(252,166,181)
```
#fdb9c5
```
#fdb9c5 rgb(253,185,197)
```
#feccd4
```
#feccd4 rgb(254,204,212)
```
#fedfe4
```
#fedfe4 rgb(254,223,228)
```
#fff2f4
```
#fff2f4 rgb(255,242,244)
```

Tint Color Variation

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

#858081
```
#858081 rgb(133,128,129)
```
#8f767b
```
#8f767b rgb(143,118,123)
```
#986d74
```
#986d74 rgb(152,109,116)
```
#a2636e
```
#a2636e rgb(162,99,110)
```
#ab5a68
```
#ab5a68 rgb(171,90,104)
```
#b55062
```
#b55062 rgb(181,80,98)
```
#bf465b
```
#bf465b rgb(191,70,91)
```
#c83d55
```
#c83d55 rgb(200,61,85)
```
#d2334f
```
#d2334f rgb(210,51,79)
```
#db2a49
```
#db2a49 rgb(219,42,73)
```
#e52042
```
#e52042 rgb(229,32,66)
```
#ee173c
```
#ee173c rgb(238,23,60)
```
#f80d36
```
#f80d36 rgb(248,13,54)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#784951 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8359 Protanopia 1% of men
#a37d2e Deuteranopia 1% of men
#f7231d Tritanopia 0.001% of the population

Trichromacy

#b4584c Protanomaly 1% of men, 0.01% of women
#c25431 Deuteranomaly 6% of men, 0.4% of women
#f71b26 Tritanomaly 0.01% of the population

#f80d36 hex color

#f80d36 Color Information

#f80d36 Color Conversion

Color Schemes with #f80d36

Alternatives to #f80d36

#f80d36 Preview

Shades and Tints of #f80d36

Tones of #f80d36

Color Blindness Simulator