#f50402 Color Information
In a RGB color space, hex #f50402 is composed of 96.1% red, 1.6% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.4% magenta, 99.2% yellow and 3.9% black. It has a hue angle of 0.5 degrees, a saturation of 98.4% and a lightness of 48.4%. #f50402 color hex could be obtained by blending #ff0804 with #eb0000. Closest websafe color is: #ff0000.
-
- R 96
- G 2
- B 1
-
- C 0
- M 98
- Y 99
- K 4
● #f50402 color description : Vivid red.
#f50402 Color Conversion
The hexadecimal color #f50402 has RGB values of R:245, G:4, B:2 and CMYK values of C:0, M:0.98, Y:0.99, K:0.04. Its decimal value is 16057346.
| Hex triplet | f50402 | #f50402 |
|---|---|---|
| RGB Decimal | 245, 4, 2 | rgb(245,4,2) |
| RGB Percent | 96.1, 1.6, 0.8 | rgb(96.1%,1.6%,0.8%) |
| CMYK | 0, 98, 99, 4 | |
| HSL | 0.5°, 98.4, 48.4 | hsl(0.5,98.4%,48.4%) |
| HSV (or HSB) | 0.5°, 99.2, 96.1 | |
| Web Safe | ff0000 | #ff0000 |
| CIE-LAB | 51.277, 77.424, 64.696 |
|---|---|
| XYZ | 37.713, 19.509, 1.837 |
| xyY | 0.639, 0.33, 19.509 |
| CIE-LCH | 51.277, 100.896, 39.882 |
| CIE-LUV | 51.277, 167.526, 36.292 |
| Hunter-Lab | 44.169, 75.114, 28.452 |
| Binary | 11110101, 00000100, 00000010 |
Color Schemes with #f50402
Alternatives to #f50402
Below, you can see some colors close to #f50402. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f50402 Preview
This text has a font color of #f50402.
<span style="color:#f50402;">Text here</span>
This paragraph has a background color of #f50402.
<p style="background-color:#f50402;">Content here</p>
This element has a border color of #f50402.
<div style="border:1px solid #f50402;">Content here</div>
.text {color:#f50402;}
.background {background-color:#f50402;}
.border {border:1px solid #f50402;}
Shades and Tints of #f50402
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, #0c0000 is the darkest color, while #fff7f7 is the lightest one.
-
#0c0000
#0c0000rgb(12,0,0) -
#1f0100
#1f0100rgb(31,1,0) -
#320100
#320100rgb(50,1,0) -
#460101
#460101rgb(70,1,1) -
#590101
#590101rgb(89,1,1) -
#6d0201
#6d0201rgb(109,2,1) -
#800201
#800201rgb(128,2,1) -
#940201
#940201rgb(148,2,1) -
#a70301
#a70301rgb(167,3,1) -
#bb0302
#bb0302rgb(187,3,2) -
#ce0302
#ce0302rgb(206,3,2) -
#e20402
#e20402rgb(226,4,2) -
#f50402
#f50402rgb(245,4,2)
-
#fd100e
#fd100ergb(253,16,14) -
#fd2321
#fd2321rgb(253,35,33) -
#fd3634
#fd3634rgb(253,54,52) -
#fe4948
#fe4948rgb(254,73,72) -
#fe5d5b
#fe5d5brgb(254,93,91) -
#fe706f
#fe706frgb(254,112,111) -
#fe8382
#fe8382rgb(254,131,130) -
#fe9796
#fe9796rgb(254,151,150) -
#feaaa9
#feaaa9rgb(254,170,169) -
#febdbd
#febdbdrgb(254,189,189) -
#ffd1d0
#ffd1d0rgb(255,209,208) -
#ffe4e4
#ffe4e4rgb(255,228,228) -
#fff7f7
#fff7f7rgb(255,247,247)
Tones of #f50402
A tone is produced by adding gray to any pure hue. In this case, #837474 is the less saturated color, while #f50402 is the most saturated one.
-
#837474
#837474rgb(131,116,116) -
#8d6b6b
#8d6b6brgb(141,107,107) -
#966161
#966161rgb(150,97,97) -
#a05858
#a05858rgb(160,88,88) -
#a94f4e
#a94f4ergb(169,79,78) -
#b34545
#b34545rgb(179,69,69) -
#bc3c3b
#bc3c3brgb(188,60,59) -
#c63332
#c63332rgb(198,51,50) -
#cf2928
#cf2928rgb(207,41,40) -
#d9201f
#d9201frgb(217,32,31) -
#e21715
#e21715rgb(226,23,21) -
#ec0d0c
#ec0d0crgb(236,13,12) -
#f50402
#f50402rgb(245,4,2)
Color Blindness Simulator
Below, you can see how #f50402 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.
