colorhexa.com

#f80340 hex color

In a RGB color space, hex #f80340 is composed of 97.3% red, 1.2% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.8% magenta, 74.2% yellow and 2.7% black. It has a hue angle of 345.1 degrees, a saturation of 97.6% and a lightness of 49.2%. #f80340 color hex could be obtained by blending #ff0680 with #f10000. Closest websafe color is: #ff0033.

- R 97
- G 1
- B 25
RGB color chart
- C 0
- M 99
- Y 74
- K 3
CMYK color chart

● #f80340 color description : Vivid red.

The hexadecimal color #f80340 has RGB values of R:248, G:3, B:64 and CMYK values of C:0, M:0.99, Y:0.74, K:0.03. Its decimal value is 16253760.

Hex triplet	f80340	`#f80340`
RGB Decimal	248, 3, 64	`rgb(248,3,64)`
RGB Percent	97.3, 1.2, 25.1	`rgb(97.3%,1.2%,25.1%)`
CMYK	0, 99, 74, 3
HSL	345.1°, 97.6, 49.2	`hsl(345.1,97.6%,49.2%)`
HSV (or HSB)	345.1°, 98.8, 97.3
Web Safe	ff0033	`#ff0033`

CIE-LAB	52.283, 79.342, 38.777
XYZ	39.671, 20.397, 6.698
xyY	0.594, 0.305, 20.397
CIE-LCH	52.283, 88.311, 26.046
CIE-LUV	52.283, 160.445, 22.844
Hunter-Lab	45.163, 77.76, 22.82
Binary	11111000, 00000011, 01000000

#f80340
```
#f80340 rgb(248,3,64)
```
#03f8bb
```
#03f8bb rgb(3,248,187)
```

Complementary Color

#f803bb
```
#f803bb rgb(248,3,187)
```
#f80340
```
#f80340 rgb(248,3,64)
```
#f84003
```
#f84003 rgb(248,64,3)
```

Analogous Color

#03bbf8
```
#03bbf8 rgb(3,187,248)
```
#f80340
```
#f80340 rgb(248,3,64)
```
#03f841
```
#03f841 rgb(3,248,65)
```

Split Complementary Color

#ac022c
```
#ac022c rgb(172,2,44)
```
#c60233
```
#c60233 rgb(198,2,51)
```
#df0339
```
#df0339 rgb(223,3,57)
```
#f80340
```
#f80340 rgb(248,3,64)
```
#fc1851
```
#fc1851 rgb(252,24,81)
```
#fd3164
```
#fd3164 rgb(253,49,100)
```
#fd4b77
```
#fd4b77 rgb(253,75,119)
```

Monochromatic Color

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

#f8037d
```
#f8037d rgb(248,3,125)
```
#f80369
```
#f80369 rgb(248,3,105)
```
#f80354
```
#f80354 rgb(248,3,84)
```
#f80340
```
#f80340 rgb(248,3,64)
```
#f8032c
```
#f8032c rgb(248,3,44)
```
#f80317
```
#f80317 rgb(248,3,23)
```
#f80303
```
#f80303 rgb(248,3,3)
```

Similar Colors

Text with hexadecimal color #f80340

This text has a font color of #f80340.

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

#f80340 background color

This paragraph has a background color of #f80340.

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

#f80340 border color

This element has a border color of #f80340.

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

CSS codes

.text {color:#f80340;}

.background {background-color:#f80340;}

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

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

#0f0004
```
#0f0004 rgb(15,0,4)
```
#230009
```
#230009 rgb(35,0,9)
```
#36010e
```
#36010e rgb(54,1,14)
```
#4a0113
```
#4a0113 rgb(74,1,19)
```
#5d0118
```
#5d0118 rgb(93,1,24)
```
#70011d
```
#70011d rgb(112,1,29)
```
#840222
```
#840222 rgb(132,2,34)
```
#970227
```
#970227 rgb(151,2,39)
```
#aa022c
```
#aa022c rgb(170,2,44)
```
#be0231
```
#be0231 rgb(190,2,49)
```
#d10336
```
#d10336 rgb(209,3,54)
```
#e5033b
```
#e5033b rgb(229,3,59)
```
#f80340
```
#f80340 rgb(248,3,64)
```

Shade Color Variation

#fc124d
```
#fc124d rgb(252,18,77)
```
#fc265b
```
#fc265b rgb(252,38,91)
```
#fd396a
```
#fd396a rgb(253,57,106)
```
#fd4d78
```
#fd4d78 rgb(253,77,120)
```
#fd6087
```
#fd6087 rgb(253,96,135)
```
#fd7396
```
#fd7396 rgb(253,115,150)
```
#fe87a4
```
#fe87a4 rgb(254,135,164)
```
#fe9ab3
```
#fe9ab3 rgb(254,154,179)
```
#feaec2
```
#feaec2 rgb(254,174,194)
```
#fec1d0
```
#fec1d0 rgb(254,193,208)
```
#fed4df
```
#fed4df rgb(254,212,223)
```
#ffe8ed
```
#ffe8ed rgb(255,232,237)
```
#fffbfc
```
#fffbfc rgb(255,251,252)
```

Tint Color Variation

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

#84777a
```
#84777a rgb(132,119,122)
```
#8e6d75
```
#8e6d75 rgb(142,109,117)
```
#976470
```
#976470 rgb(151,100,112)
```
#a15a6c
```
#a15a6c rgb(161,90,108)
```
#ab5067
```
#ab5067 rgb(171,80,103)
```
#b44762
```
#b44762 rgb(180,71,98)
```
#be3d5d
```
#be3d5d rgb(190,61,93)
```
#c83358
```
#c83358 rgb(200,51,88)
```
#d12a53
```
#d12a53 rgb(209,42,83)
```
#db204f
```
#db204f rgb(219,32,79)
```
#e5164a
```
#e5164a rgb(229,22,74)
```
#ee0d45
```
#ee0d45 rgb(238,13,69)
```
#f80340
```
#f80340 rgb(248,3,64)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#74434f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8366 Protanopia 1% of men
#a17d3a Deuteranopia 1% of men
#f7221b Tritanopia 0.001% of the population

Trichromacy

#b35458 Protanomaly 1% of men, 0.01% of women
#c1503c Deuteranomaly 6% of men, 0.4% of women
#f71628 Tritanomaly 0.01% of the population