#f50218 Color Information
In a RGB color space, hex #f50218 is composed of 96.1% red, 0.8% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 90.2% yellow and 3.9% black. It has a hue angle of 354.6 degrees, a saturation of 98.4% and a lightness of 48.4%. #f50218 color hex could be obtained by blending #ff0430 with #eb0000. Closest websafe color is: #ff0000.
-
- R 96
- G 1
- B 9
-
- C 0
- M 99
- Y 90
- K 4
● #f50218 color description : Vivid red.
#f50218 Color Conversion
The hexadecimal color #f50218 has RGB values of R:245, G:2, B:24 and CMYK values of C:0, M:0.99, Y:0.9, K:0.04. Its decimal value is 16056856.
Hex triplet | f50218 | #f50218 |
---|---|---|
RGB Decimal | 245, 2, 24 | rgb(245,2,24) |
RGB Percent | 96.1, 0.8, 9.4 | rgb(96.1%,0.8%,9.4%) |
CMYK | 0, 99, 90, 4 | |
HSL | 354.6°, 98.4, 48.4 | hsl(354.6,98.4%,48.4%) |
HSV (or HSB) | 354.6°, 99.2, 96.1 | |
Web Safe | ff0000 | #ff0000 |
CIE-LAB | 51.298, 77.763, 58.14 |
---|---|
XYZ | 37.845, 19.527, 2.641 |
xyY | 0.631, 0.325, 19.527 |
CIE-LCH | 51.298, 97.094, 36.784 |
CIE-LUV | 51.298, 166.147, 33.732 |
Hunter-Lab | 44.189, 75.541, 27.39 |
Binary | 11110101, 00000010, 00011000 |
Color Schemes with #f50218
Alternatives to #f50218
Below, you can see some colors close to #f50218. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f50218 Preview
This text has a font color of #f50218.
<span style="color:#f50218;">Text here</span>
This paragraph has a background color of #f50218.
<p style="background-color:#f50218;">Content here</p>
This element has a border color of #f50218.
<div style="border:1px solid #f50218;">Content here</div>
.text {color:#f50218;}
.background {background-color:#f50218;}
.border {border:1px solid #f50218;}
Shades and Tints of #f50218
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 #fff7f8 is the lightest one.
-
#0c0001
#0c0001
rgb(12,0,1)
-
#1f0003
#1f0003
rgb(31,0,3)
-
#320005
#320005
rgb(50,0,5)
-
#460107
#460107
rgb(70,1,7)
-
#590109
#590109
rgb(89,1,9)
-
#6d010b
#6d010b
rgb(109,1,11)
-
#80010d
#80010d
rgb(128,1,13)
-
#94010e
#94010e
rgb(148,1,14)
-
#a70110
#a70110
rgb(167,1,16)
-
#bb0212
#bb0212
rgb(187,2,18)
-
#ce0214
#ce0214
rgb(206,2,20)
-
#e20216
#e20216
rgb(226,2,22)
-
#f50218
#f50218
rgb(245,2,24)
-
#fd0e23
#fd0e23
rgb(253,14,35)
-
#fd2135
#fd2135
rgb(253,33,53)
-
#fd3447
#fd3447
rgb(253,52,71)
-
#fe4858
#fe4858
rgb(254,72,88)
-
#fe5b6a
#fe5b6a
rgb(254,91,106)
-
#fe6f7c
#fe6f7c
rgb(254,111,124)
-
#fe828e
#fe828e
rgb(254,130,142)
-
#fe969f
#fe969f
rgb(254,150,159)
-
#fea9b1
#fea9b1
rgb(254,169,177)
-
#febdc3
#febdc3
rgb(254,189,195)
-
#ffd0d4
#ffd0d4
rgb(255,208,212)
-
#ffe4e6
#ffe4e6
rgb(255,228,230)
-
#fff7f8
#fff7f8
rgb(255,247,248)
Tones of #f50218
A tone is produced by adding gray to any pure hue. In this case, #837475 is the less saturated color, while #f50218 is the most saturated one.
-
#837475
#837475
rgb(131,116,117)
-
#8d6b6e
#8d6b6e
rgb(141,107,110)
-
#966166
#966166
rgb(150,97,102)
-
#a0585e
#a0585e
rgb(160,88,94)
-
#a94e56
#a94e56
rgb(169,78,86)
-
#b3454e
#b3454e
rgb(179,69,78)
-
#bc3b47
#bc3b47
rgb(188,59,71)
-
#c6323f
#c6323f
rgb(198,50,63)
-
#cf2837
#cf2837
rgb(207,40,55)
-
#d91f2f
#d91f2f
rgb(217,31,47)
-
#e21528
#e21528
rgb(226,21,40)
-
#ec0c20
#ec0c20
rgb(236,12,32)
-
#f50218
#f50218
rgb(245,2,24)
Color Blindness Simulator
Below, you can see how #f50218 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.