#f80e02 Color Information
In a RGB color space, hex #f80e02 is composed of 97.3% red, 5.5% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94.4% magenta, 99.2% yellow and 2.7% black. It has a hue angle of 2.9 degrees, a saturation of 98.4% and a lightness of 49%. #f80e02 color hex could be obtained by blending #ff1c04 with #f10000. Closest websafe color is: #ff0000.
-
- R 97
- G 5
- B 1
-
- C 0
- M 94
- Y 99
- K 3
● #f80e02 color description : Vivid red.
#f80e02 Color Conversion
The hexadecimal color #f80e02 has RGB values of R:248, G:14, B:2 and CMYK values of C:0, M:0.94, Y:0.99, K:0.03. Its decimal value is 16256514.
Hex triplet | f80e02 | #f80e02 |
---|---|---|
RGB Decimal | 248, 14, 2 | rgb(248,14,2) |
RGB Percent | 97.3, 5.5, 0.8 | rgb(97.3%,5.5%,0.8%) |
CMYK | 0, 94, 99, 3 | |
HSL | 2.9°, 98.4, 49 | hsl(2.9,98.4%,49%) |
HSV (or HSB) | 2.9°, 99.2, 97.3 | |
Web Safe | ff0000 | #ff0000 |
CIE-LAB | 52.152, 77.409, 65.405 |
---|---|
XYZ | 38.882, 20.28, 1.925 |
xyY | 0.637, 0.332, 20.28 |
CIE-LCH | 52.152, 101.34, 40.195 |
CIE-LUV | 52.152, 168.123, 37.194 |
Hunter-Lab | 45.033, 75.307, 28.989 |
Binary | 11111000, 00001110, 00000010 |
Color Schemes with #f80e02
Alternatives to #f80e02
Below, you can see some colors close to #f80e02. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f80e02 Preview
This text has a font color of #f80e02.
<span style="color:#f80e02;">Text here</span>
This paragraph has a background color of #f80e02.
<p style="background-color:#f80e02;">Content here</p>
This element has a border color of #f80e02.
<div style="border:1px solid #f80e02;">Content here</div>
.text {color:#f80e02;}
.background {background-color:#f80e02;}
.border {border:1px solid #f80e02;}
Shades and Tints of #f80e02
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, #0e0100 is the darkest color, while #fffafa is the lightest one.
-
#0e0100
#0e0100
rgb(14,1,0)
-
#220200
#220200
rgb(34,2,0)
-
#350300
#350300
rgb(53,3,0)
-
#490401
#490401
rgb(73,4,1)
-
#5c0501
#5c0501
rgb(92,5,1)
-
#700601
#700601
rgb(112,6,1)
-
#830701
#830701
rgb(131,7,1)
-
#970901
#970901
rgb(151,9,1)
-
#aa0a01
#aa0a01
rgb(170,10,1)
-
#be0b02
#be0b02
rgb(190,11,2)
-
#d10c02
#d10c02
rgb(209,12,2)
-
#e50d02
#e50d02
rgb(229,13,2)
-
#f80e02
#f80e02
rgb(248,14,2)
-
#fd1c11
#fd1c11
rgb(253,28,17)
-
#fd2f24
#fd2f24
rgb(253,47,36)
-
#fd4137
#fd4137
rgb(253,65,55)
-
#fe544b
#fe544b
rgb(254,84,75)
-
#fe665e
#fe665e
rgb(254,102,94)
-
#fe7972
#fe7972
rgb(254,121,114)
-
#fe8b85
#fe8b85
rgb(254,139,133)
-
#fe9e99
#fe9e99
rgb(254,158,153)
-
#feb0ac
#feb0ac
rgb(254,176,172)
-
#fec3c0
#fec3c0
rgb(254,195,192)
-
#ffd5d3
#ffd5d3
rgb(255,213,211)
-
#ffe8e7
#ffe8e7
rgb(255,232,231)
-
#fffafa
#fffafa
rgb(255,250,250)
Tones of #f80e02
A tone is produced by adding gray to any pure hue. In this case, #857675 is the less saturated color, while #f80e02 is the most saturated one.
-
#857675
#857675
rgb(133,118,117)
-
#8e6d6c
#8e6d6c
rgb(142,109,108)
-
#986562
#986562
rgb(152,101,98)
-
#a15c59
#a15c59
rgb(161,92,89)
-
#ab534f
#ab534f
rgb(171,83,79)
-
#b54b45
#b54b45
rgb(181,75,69)
-
#be423c
#be423c
rgb(190,66,60)
-
#c83932
#c83932
rgb(200,57,50)
-
#d23128
#d23128
rgb(210,49,40)
-
#db281f
#db281f
rgb(219,40,31)
-
#e51f15
#e51f15
rgb(229,31,21)
-
#ee170c
#ee170c
rgb(238,23,12)
-
#f80e02
#f80e02
rgb(248,14,2)
Color Blindness Simulator
Below, you can see how #f80e02 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.