#f5020e Color Information
In a RGB color space, hex #f5020e is composed of 96.1% red, 0.8% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 94.3% yellow and 3.9% black. It has a hue angle of 357 degrees, a saturation of 98.4% and a lightness of 48.4%. #f5020e color hex could be obtained by blending #ff041c with #eb0000. Closest websafe color is: #ff0000.
-
- R 96
- G 1
- B 5
-
- C 0
- M 99
- Y 94
- K 4
● #f5020e color description : Vivid red.
#f5020e Color Conversion
The hexadecimal color #f5020e has RGB values of R:245, G:2, B:14 and CMYK values of C:0, M:0.99, Y:0.94, K:0.04. Its decimal value is 16056846.
| Hex triplet | f5020e | #f5020e |
|---|---|---|
| RGB Decimal | 245, 2, 14 | rgb(245,2,14) |
| RGB Percent | 96.1, 0.8, 5.5 | rgb(96.1%,0.8%,5.5%) |
| CMYK | 0, 99, 94, 4 | |
| HSL | 357°, 98.4, 48.4 | hsl(357,98.4%,48.4%) |
| HSV (or HSB) | 357°, 99.2, 96.1 | |
| Web Safe | ff0000 | #ff0000 |
| CIE-LAB | 51.259, 77.655, 61.574 |
|---|---|
| XYZ | 37.759, 19.493, 2.19 |
| xyY | 0.635, 0.328, 19.493 |
| CIE-LCH | 51.259, 99.104, 38.411 |
| CIE-LUV | 51.259, 167.068, 35.1 |
| Hunter-Lab | 44.151, 75.397, 27.965 |
| Binary | 11110101, 00000010, 00001110 |
Color Schemes with #f5020e
Alternatives to #f5020e
Below, you can see some colors close to #f5020e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5020e Preview
This text has a font color of #f5020e.
<span style="color:#f5020e;">Text here</span>
This paragraph has a background color of #f5020e.
<p style="background-color:#f5020e;">Content here</p>
This element has a border color of #f5020e.
<div style="border:1px solid #f5020e;">Content here</div>
.text {color:#f5020e;}
.background {background-color:#f5020e;}
.border {border:1px solid #f5020e;}
Shades and Tints of #f5020e
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, #0c0001 is the darkest color, while #fff7f7 is the lightest one.
-
#0c0001
#0c0001rgb(12,0,1) -
#1f0002
#1f0002rgb(31,0,2) -
#320003
#320003rgb(50,0,3) -
#460104
#460104rgb(70,1,4) -
#590105
#590105rgb(89,1,5) -
#6d0106
#6d0106rgb(109,1,6) -
#800107
#800107rgb(128,1,7) -
#940108
#940108rgb(148,1,8) -
#a7010a
#a7010argb(167,1,10) -
#bb020b
#bb020brgb(187,2,11) -
#ce020c
#ce020crgb(206,2,12) -
#e2020d
#e2020drgb(226,2,13) -
#f5020e
#f5020ergb(245,2,14)
-
#fd0e19
#fd0e19rgb(253,14,25) -
#fd212c
#fd212crgb(253,33,44) -
#fd343e
#fd343ergb(253,52,62) -
#fe4851
#fe4851rgb(254,72,81) -
#fe5b63
#fe5b63rgb(254,91,99) -
#fe6f76
#fe6f76rgb(254,111,118) -
#fe8288
#fe8288rgb(254,130,136) -
#fe969b
#fe969brgb(254,150,155) -
#fea9ad
#fea9adrgb(254,169,173) -
#febdc0
#febdc0rgb(254,189,192) -
#ffd0d2
#ffd0d2rgb(255,208,210) -
#ffe4e5
#ffe4e5rgb(255,228,229) -
#fff7f7
#fff7f7rgb(255,247,247)
Tones of #f5020e
A tone is produced by adding gray to any pure hue. In this case, #837475 is the less saturated color, while #f5020e is the most saturated one.
-
#837475
#837475rgb(131,116,117) -
#8d6b6c
#8d6b6crgb(141,107,108) -
#966164
#966164rgb(150,97,100) -
#a0585b
#a0585brgb(160,88,91) -
#a94e52
#a94e52rgb(169,78,82) -
#b3454a
#b3454argb(179,69,74) -
#bc3b41
#bc3b41rgb(188,59,65) -
#c63239
#c63239rgb(198,50,57) -
#cf2830
#cf2830rgb(207,40,48) -
#d91f28
#d91f28rgb(217,31,40) -
#e2151f
#e2151frgb(226,21,31) -
#ec0c17
#ec0c17rgb(236,12,23) -
#f5020e
#f5020ergb(245,2,14)
Color Blindness Simulator
Below, you can see how #f5020e 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.
