colorhexa.com

#f80306 hex color

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

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

● #f80306 color description : Vivid red.

The hexadecimal color #f80306 has RGB values of R:248, G:3, B:6 and CMYK values of C:0, M:0.99, Y:0.98, K:0.03. Its decimal value is 16253702.

Hex triplet	f80306	`#f80306`
RGB Decimal	248, 3, 6	`rgb(248,3,6)`
RGB Percent	97.3, 1.2, 2.4	`rgb(97.3%,1.2%,2.4%)`
CMYK	0, 99, 98, 3
HSL	359.3°, 97.6, 49.2	`hsl(359.3,97.6%,49.2%)`
HSV (or HSB)	359.3°, 98.8, 97.3
Web Safe	ff0000	`#ff0000`

CIE-LAB	51.882, 78.246, 64.281
XYZ	38.779, 20.04, 1.999
xyY	0.638, 0.33, 20.04
CIE-LCH	51.882, 101.264, 39.404
CIE-LUV	51.882, 169.484, 36.34
Hunter-Lab	44.766, 76.287, 28.689
Binary	11111000, 00000011, 00000110

#f80306
```
#f80306 rgb(248,3,6)
```
#03f8f5
```
#03f8f5 rgb(3,248,245)
```

Complementary Color

#f80381
```
#f80381 rgb(248,3,129)
```
#f80306
```
#f80306 rgb(248,3,6)
```
#f87b03
```
#f87b03 rgb(248,123,3)
```

Analogous Color

#0381f8
```
#0381f8 rgb(3,129,248)
```
#f80306
```
#f80306 rgb(248,3,6)
```
#03f87b
```
#03f87b rgb(3,248,123)
```

Split Complementary Color

#ac0204
```
#ac0204 rgb(172,2,4)
```
#c60205
```
#c60205 rgb(198,2,5)
```
#df0305
```
#df0305 rgb(223,3,5)
```
#f80306
```
#f80306 rgb(248,3,6)
```
#fc181b
```
#fc181b rgb(252,24,27)
```
#fd3134
```
#fd3134 rgb(253,49,52)
```
#fd4b4d
```
#fd4b4d rgb(253,75,77)
```

Monochromatic Color

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

#f80343
```
#f80343 rgb(248,3,67)
```
#f8032f
```
#f8032f rgb(248,3,47)
```
#f8031a
```
#f8031a rgb(248,3,26)
```
#f80306
```
#f80306 rgb(248,3,6)
```
#f81403
```
#f81403 rgb(248,20,3)
```
#f82903
```
#f82903 rgb(248,41,3)
```
#f83d03
```
#f83d03 rgb(248,61,3)
```

Similar Colors

Text with hexadecimal color #f80306

This text has a font color of #f80306.

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

#f80306 background color

This paragraph has a background color of #f80306.

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

#f80306 border color

This element has a border color of #f80306.

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

CSS codes

.text {color:#f80306;}

.background {background-color:#f80306;}

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

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

#0f0000
```
#0f0000 rgb(15,0,0)
```
#230001
```
#230001 rgb(35,0,1)
```
#360101
```
#360101 rgb(54,1,1)
```
#4a0102
```
#4a0102 rgb(74,1,2)
```
#5d0102
```
#5d0102 rgb(93,1,2)
```
#700103
```
#700103 rgb(112,1,3)
```
#840203
```
#840203 rgb(132,2,3)
```
#970204
```
#970204 rgb(151,2,4)
```
#aa0204
```
#aa0204 rgb(170,2,4)
```
#be0205
```
#be0205 rgb(190,2,5)
```
#d10305
```
#d10305 rgb(209,3,5)
```
#e50306
```
#e50306 rgb(229,3,6)
```
#f80306
```
#f80306 rgb(248,3,6)
```

Shade Color Variation

#fc1215
```
#fc1215 rgb(252,18,21)
```
#fc2628
```
#fc2628 rgb(252,38,40)
```
#fd393c
```
#fd393c rgb(253,57,60)
```
#fd4d4f
```
#fd4d4f rgb(253,77,79)
```
#fd6062
```
#fd6062 rgb(253,96,98)
```
#fd7375
```
#fd7375 rgb(253,115,117)
```
#fe8788
```
#fe8788 rgb(254,135,136)
```
#fe9a9b
```
#fe9a9b rgb(254,154,155)
```
#feaeaf
```
#feaeaf rgb(254,174,175)
```
#fec1c2
```
#fec1c2 rgb(254,193,194)
```
#fed4d5
```
#fed4d5 rgb(254,212,213)
```
#ffe8e8
```
#ffe8e8 rgb(255,232,232)
```
#fffbfb
```
#fffbfb rgb(255,251,251)
```

Tint Color Variation

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

#847777
```
#847777 rgb(132,119,119)
```
#8e6d6e
```
#8e6d6e rgb(142,109,110)
```
#976464
```
#976464 rgb(151,100,100)
```
#a15a5b
```
#a15a5b rgb(161,90,91)
```
#ab5051
```
#ab5051 rgb(171,80,81)
```
#b44748
```
#b44748 rgb(180,71,72)
```
#be3d3f
```
#be3d3f rgb(190,61,63)
```
#c83335
```
#c83335 rgb(200,51,53)
```
#d12a2c
```
#d12a2c rgb(209,42,44)
```
#db2022
```
#db2022 rgb(219,32,34)
```
#e51619
```
#e51619 rgb(229,22,25)
```
#ee0d0f
```
#ee0d0f rgb(238,13,15)
```
#f80306
```
#f80306 rgb(248,3,6)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#6f3e3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#918228 Protanopia 1% of men
#a27c00 Deuteranopia 1% of men
#f71b00 Tritanopia 0.001% of the population

Trichromacy

#b6541b Protanomaly 1% of men, 0.01% of women
#c15002 Deuteranomaly 6% of men, 0.4% of women
#f71202 Tritanomaly 0.01% of the population