#f50c02 Color Information
In a RGB color space, hex #f50c02 is composed of 96.1% red, 4.7% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.1% magenta, 99.2% yellow and 3.9% black. It has a hue angle of 2.5 degrees, a saturation of 98.4% and a lightness of 48.4%. #f50c02 color hex could be obtained by blending #ff1804 with #eb0000. Closest websafe color is: #ff0000.
-
- R 96
- G 5
- B 1
-
- C 0
- M 95
- Y 99
- K 4
● #f50c02 color description : Vivid red.
#f50c02 Color Conversion
The hexadecimal color #f50c02 has RGB values of R:245, G:12, B:2 and CMYK values of C:0, M:0.95, Y:0.99, K:0.04. Its decimal value is 16059394.
Hex triplet | f50c02 | #f50c02 |
---|---|---|
RGB Decimal | 245, 12, 2 | rgb(245,12,2) |
RGB Percent | 96.1, 4.7, 0.8 | rgb(96.1%,4.7%,0.8%) |
CMYK | 0, 95, 99, 4 | |
HSL | 2.5°, 98.4, 48.4 | hsl(2.5,98.4%,48.4%) |
HSV (or HSB) | 2.5°, 99.2, 96.1 | |
Web Safe | ff0000 | #ff0000 |
CIE-LAB | 51.479, 76.84, 64.772 |
---|---|
XYZ | 37.801, 19.685, 1.867 |
xyY | 0.637, 0.332, 19.685 |
CIE-LCH | 51.479, 100.498, 40.129 |
CIE-LUV | 51.479, 166.381, 36.656 |
Hunter-Lab | 44.368, 74.437, 28.563 |
Binary | 11110101, 00001100, 00000010 |
Color Schemes with #f50c02
Alternatives to #f50c02
Below, you can see some colors close to #f50c02. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f50c02 Preview
This text has a font color of #f50c02.
<span style="color:#f50c02;">Text here</span>
This paragraph has a background color of #f50c02.
<p style="background-color:#f50c02;">Content here</p>
This element has a border color of #f50c02.
<div style="border:1px solid #f50c02;">Content here</div>
.text {color:#f50c02;}
.background {background-color:#f50c02;}
.border {border:1px solid #f50c02;}
Shades and Tints of #f50c02
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, #0c0100 is the darkest color, while #fff7f7 is the lightest one.
-
#0c0100
#0c0100
rgb(12,1,0)
-
#1f0200
#1f0200
rgb(31,2,0)
-
#320200
#320200
rgb(50,2,0)
-
#460301
#460301
rgb(70,3,1)
-
#590401
#590401
rgb(89,4,1)
-
#6d0501
#6d0501
rgb(109,5,1)
-
#800601
#800601
rgb(128,6,1)
-
#940701
#940701
rgb(148,7,1)
-
#a70801
#a70801
rgb(167,8,1)
-
#bb0902
#bb0902
rgb(187,9,2)
-
#ce0a02
#ce0a02
rgb(206,10,2)
-
#e20b02
#e20b02
rgb(226,11,2)
-
#f50c02
#f50c02
rgb(245,12,2)
-
#fd170e
#fd170e
rgb(253,23,14)
-
#fd2a21
#fd2a21
rgb(253,42,33)
-
#fd3d34
#fd3d34
rgb(253,61,52)
-
#fe4f48
#fe4f48
rgb(254,79,72)
-
#fe625b
#fe625b
rgb(254,98,91)
-
#fe756f
#fe756f
rgb(254,117,111)
-
#fe8782
#fe8782
rgb(254,135,130)
-
#fe9a96
#fe9a96
rgb(254,154,150)
-
#feada9
#feada9
rgb(254,173,169)
-
#febfbd
#febfbd
rgb(254,191,189)
-
#ffd2d0
#ffd2d0
rgb(255,210,208)
-
#ffe5e4
#ffe5e4
rgb(255,229,228)
-
#fff7f7
#fff7f7
rgb(255,247,247)
Tones of #f50c02
A tone is produced by adding gray to any pure hue. In this case, #837574 is the less saturated color, while #f50c02 is the most saturated one.
-
#837574
#837574
rgb(131,117,116)
-
#8d6c6b
#8d6c6b
rgb(141,108,107)
-
#966361
#966361
rgb(150,99,97)
-
#a05a58
#a05a58
rgb(160,90,88)
-
#a9524e
#a9524e
rgb(169,82,78)
-
#b34945
#b34945
rgb(179,73,69)
-
#bc403b
#bc403b
rgb(188,64,59)
-
#c63832
#c63832
rgb(198,56,50)
-
#cf2f28
#cf2f28
rgb(207,47,40)
-
#d9261f
#d9261f
rgb(217,38,31)
-
#e21d15
#e21d15
rgb(226,29,21)
-
#ec150c
#ec150c
rgb(236,21,12)
-
#f50c02
#f50c02
rgb(245,12,2)
Color Blindness Simulator
Below, you can see how #f50c02 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.