#f80424 Color Information
In a RGB color space, hex #f80424 is composed of 97.3% red, 1.6% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.4% magenta, 85.5% yellow and 2.7% black. It has a hue angle of 352.1 degrees, a saturation of 96.8% and a lightness of 49.4%. #f80424 color hex could be obtained by blending #ff0848 with #f10000. Closest websafe color is: #ff0033.
-
- R 97
- G 2
- B 14
-
- C 0
- M 98
- Y 85
- K 3
● #f80424 color description : Vivid red.
#f80424 Color Conversion
The hexadecimal color #f80424 has RGB values of R:248, G:4, B:36 and CMYK values of C:0, M:0.98, Y:0.85, K:0.03. Its decimal value is 16253988.
Hex triplet | f80424 | #f80424 |
---|---|---|
RGB Decimal | 248, 4, 36 | rgb(248,4,36) |
RGB Percent | 97.3, 1.6, 14.1 | rgb(97.3%,1.6%,14.1%) |
CMYK | 0, 98, 85, 3 | |
HSL | 352.1°, 96.8, 49.4 | hsl(352.1,96.8%,49.4%) |
HSV (or HSB) | 352.1°, 98.4, 97.3 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 52.035, 78.529, 53.675 |
---|---|
XYZ | 39.075, 20.176, 3.506 |
xyY | 0.623, 0.321, 20.176 |
CIE-LCH | 52.035, 95.12, 34.353 |
CIE-LUV | 52.035, 166.347, 31.919 |
Hunter-Lab | 44.918, 76.678, 26.815 |
Binary | 11111000, 00000100, 00100100 |
Color Schemes with #f80424
Alternatives to #f80424
Below, you can see some colors close to #f80424. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f80424 Preview
This text has a font color of #f80424.
<span style="color:#f80424;">Text here</span>
This paragraph has a background color of #f80424.
<p style="background-color:#f80424;">Content here</p>
This element has a border color of #f80424.
<div style="border:1px solid #f80424;">Content here</div>
.text {color:#f80424;}
.background {background-color:#f80424;}
.border {border:1px solid #f80424;}
Shades and Tints of #f80424
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, #100002 is the darkest color, while #fffcfc is the lightest one.
-
#100002
#100002
rgb(16,0,2)
-
#240105
#240105
rgb(36,1,5)
-
#370108
#370108
rgb(55,1,8)
-
#4a010b
#4a010b
rgb(74,1,11)
-
#5e020e
#5e020e
rgb(94,2,14)
-
#710210
#710210
rgb(113,2,16)
-
#840213
#840213
rgb(132,2,19)
-
#970216
#970216
rgb(151,2,22)
-
#ab0319
#ab0319
rgb(171,3,25)
-
#be031c
#be031c
rgb(190,3,28)
-
#d1031e
#d1031e
rgb(209,3,30)
-
#e50421
#e50421
rgb(229,4,33)
-
#f80424
#f80424
rgb(248,4,36)
-
#fb1433
#fb1433
rgb(251,20,51)
-
#fc2843
#fc2843
rgb(252,40,67)
-
#fc3b54
#fc3b54
rgb(252,59,84)
-
#fc4e65
#fc4e65
rgb(252,78,101)
-
#fc6276
#fc6276
rgb(252,98,118)
-
#fd7587
#fd7587
rgb(253,117,135)
-
#fd8898
#fd8898
rgb(253,136,152)
-
#fd9ca8
#fd9ca8
rgb(253,156,168)
-
#feafb9
#feafb9
rgb(254,175,185)
-
#fec2ca
#fec2ca
rgb(254,194,202)
-
#fed5db
#fed5db
rgb(254,213,219)
-
#ffe9ec
#ffe9ec
rgb(255,233,236)
-
#fffcfc
#fffcfc
rgb(255,252,252)
Tones of #f80424
A tone is produced by adding gray to any pure hue. In this case, #84787a is the less saturated color, while #f80424 is the most saturated one.
-
#84787a
#84787a
rgb(132,120,122)
-
#8d6f73
#8d6f73
rgb(141,111,115)
-
#97656c
#97656c
rgb(151,101,108)
-
#a15b64
#a15b64
rgb(161,91,100)
-
#aa525d
#aa525d
rgb(170,82,93)
-
#b44856
#b44856
rgb(180,72,86)
-
#be3e4f
#be3e4f
rgb(190,62,79)
-
#c83448
#c83448
rgb(200,52,72)
-
#d12b41
#d12b41
rgb(209,43,65)
-
#db2139
#db2139
rgb(219,33,57)
-
#e51732
#e51732
rgb(229,23,50)
-
#ee0e2b
#ee0e2b
rgb(238,14,43)
-
#f80424
#f80424
rgb(248,4,36)
Color Blindness Simulator
Below, you can see how #f80424 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.