#f80135 hex color

In a RGB color space, hex #f80135 is composed of 97.3% red, 0.4% green and 20.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.6% magenta, 78.6% yellow and 2.7% black. It has a hue angle of 347.4 degrees, a saturation of 99.2% and a lightness of 48.8%. #f80135 color hex could be obtained by blending #ff026a with #f10000. Closest websafe color is: #ff0033.

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

● #f80135 color description : Vivid red.

The hexadecimal color #f80135 has RGB values of R:248, G:1, B:53 and CMYK values of C:0, M:1, Y:0.79, K:0.03. Its decimal value is 16253237.

Hex triplet	f80135	`#f80135`
RGB Decimal	248, 1, 53	`rgb(248,1,53)`
RGB Percent	97.3, 0.4, 20.8	`rgb(97.3%,0.4%,20.8%)`
CMYK	0, 100, 79, 3
HSL	347.4°, 99.2, 48.8	`hsl(347.4,99.2%,48.8%)`
HSV (or HSB)	347.4°, 99.6, 97.3
Web Safe	ff0033	`#ff0033`

CIE-LAB	52.108, 79.139, 44.856
XYZ	39.367, 20.24, 5.202
xyY	0.607, 0.312, 20.24
CIE-LCH	52.108, 90.967, 29.545
CIE-LUV	52.108, 163.46, 26.879
Hunter-Lab	44.989, 77.461, 24.637
Binary	11111000, 00000001, 00110101

#f80135
```
#f80135 rgb(248,1,53)
```
#01f8c4
```
#01f8c4 rgb(1,248,196)
```

Complementary Color

#f801b1
```
#f801b1 rgb(248,1,177)
```
#f80135
```
#f80135 rgb(248,1,53)
```
#f84801
```
#f84801 rgb(248,72,1)
```

Analogous Color

#01b1f8
```
#01b1f8 rgb(1,177,248)
```
#f80135
```
#f80135 rgb(248,1,53)
```
#01f849
```
#01f849 rgb(1,248,73)
```

Split Complementary Color

#0135f8
```
#0135f8 rgb(1,53,248)
```
#f80135
```
#f80135 rgb(248,1,53)
```
#35f801
```
#35f801 rgb(53,248,1)
```

Triadic Color

#c401f8
```
#c401f8 rgb(196,1,248)
```
#f80135
```
#f80135 rgb(248,1,53)
```
#35f801
```
#35f801 rgb(53,248,1)
```
#01f8c4
```
#01f8c4 rgb(1,248,196)
```

Tetradic Color

#ac0125
```
#ac0125 rgb(172,1,37)
```
#c5012a
```
#c5012a rgb(197,1,42)
```
#df0130
```
#df0130 rgb(223,1,48)
```
#f80135
```
#f80135 rgb(248,1,53)
```
#fe1446
```
#fe1446 rgb(254,20,70)
```
#fe2e5a
```
#fe2e5a rgb(254,46,90)
```
#fe476e
```
#fe476e rgb(254,71,110)
```

Monochromatic Color

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

#f80173
```
#f80173 rgb(248,1,115)
```
#f8015e
```
#f8015e rgb(248,1,94)
```
#f8014a
```
#f8014a rgb(248,1,74)
```
#f80135
```
#f80135 rgb(248,1,53)
```
#f80120
```
#f80120 rgb(248,1,32)
```
#f8010c
```
#f8010c rgb(248,1,12)
```
#f80b01
```
#f80b01 rgb(248,11,1)
```

Similar Colors

Text with hexadecimal color #f80135

This text has a font color of #f80135.

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

#f80135 background color

This paragraph has a background color of #f80135.

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

#f80135 border color

This element has a border color of #f80135.

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

CSS codes

.text {color:#f80135;}

.background {background-color:#f80135;}

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

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, #0e0003 is the darkest color, while #fff9fa is the lightest one.

#0e0003
```
#0e0003 rgb(14,0,3)
```
#210007
```
#210007 rgb(33,0,7)
```
#35000b
```
#35000b rgb(53,0,11)
```
#48000f
```
#48000f rgb(72,0,15)
```
#5c0014
```
#5c0014 rgb(92,0,20)
```
#6f0018
```
#6f0018 rgb(111,0,24)
```
#83011c
```
#83011c rgb(131,1,28)
```
#960120
```
#960120 rgb(150,1,32)
```
#aa0124
```
#aa0124 rgb(170,1,36)
```
#bd0128
```
#bd0128 rgb(189,1,40)
```
#d1012d
```
#d1012d rgb(209,1,45)
```
#e40131
```
#e40131 rgb(228,1,49)
```
#f80135
```
#f80135 rgb(248,1,53)
```

Shade Color Variation

#fe0f41
```
#fe0f41 rgb(254,15,65)
```
#fe2250
```
#fe2250 rgb(254,34,80)
```
#fe3660
```
#fe3660 rgb(254,54,96)
```
#fe496f
```
#fe496f rgb(254,73,111)
```
#fe5d7f
```
#fe5d7f rgb(254,93,127)
```
#fe708e
```
#fe708e rgb(254,112,142)
```
#ff849e
```
#ff849e rgb(255,132,158)
```
#ff97ad
```
#ff97ad rgb(255,151,173)
```
#ffabbd
```
#ffabbd rgb(255,171,189)
```
#ffbecc
```
#ffbecc rgb(255,190,204)
```
#ffd2db
```
#ffd2db rgb(255,210,219)
```
#ffe5eb
```
#ffe5eb rgb(255,229,235)
```
#fff9fa
```
#fff9fa rgb(255,249,250)
```

Tint Color Variation

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

#857478
```
#857478 rgb(133,116,120)
```
#8f6a72
```
#8f6a72 rgb(143,106,114)
```
#98616c
```
#98616c rgb(152,97,108)
```
#a25767
```
#a25767 rgb(162,87,103)
```
#ab4e61
```
#ab4e61 rgb(171,78,97)
```
#b5445c
```
#b5445c rgb(181,68,92)
```
#bf3a56
```
#bf3a56 rgb(191,58,86)
```
#c83151
```
#c83151 rgb(200,49,81)
```
#d2274b
```
#d2274b rgb(210,39,75)
```
#db1e46
```
#db1e46 rgb(219,30,70)
```
#e51440
```
#e51440 rgb(229,20,64)
```
#ee0b3b
```
#ee0b3b rgb(238,11,59)
```
#f80135
```
#f80135 rgb(248,1,53)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#72414b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8259 Protanopia 1% of men
#a27c2d Deuteranopia 1% of men
#f71d11 Tritanopia 0.001% of the population

Trichromacy

#b4534b Protanomaly 1% of men, 0.01% of women
#c14f30 Deuteranomaly 6% of men, 0.4% of women
#f7121e Tritanomaly 0.01% of the population

#f80135 hex color

#f80135 Color Information

#f80135 Color Conversion

Color Schemes with #f80135

Alternatives to #f80135

#f80135 Preview

Shades and Tints of #f80135

Tones of #f80135

Color Blindness Simulator