#f20a36 Color Information
In a RGB color space, hex #f20a36 is composed of 94.9% red, 3.9% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.9% magenta, 77.7% yellow and 5.1% black. It has a hue angle of 348.6 degrees, a saturation of 92.1% and a lightness of 49.4%. #f20a36 color hex could be obtained by blending #ff146c with #e50000. Closest websafe color is: #ff0033.
-
- R 95
- G 4
- B 21
-
- C 0
- M 96
- Y 78
- K 5
● #f20a36 color description : Vivid red.
#f20a36 Color Conversion
The hexadecimal color #f20a36 has RGB values of R:242, G:10, B:54 and CMYK values of C:0, M:0.96, Y:0.78, K:0.05. Its decimal value is 15862326.
Hex triplet | f20a36 | #f20a36 |
---|---|---|
RGB Decimal | 242, 10, 54 | rgb(242,10,54) |
RGB Percent | 94.9, 3.9, 21.2 | rgb(94.9%,3.9%,21.2%) |
CMYK | 0, 96, 78, 5 | |
HSL | 348.6°, 92.1, 49.4 | hsl(348.6,92.1%,49.4%) |
HSV (or HSB) | 348.6°, 95.9, 94.9 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 51.112, 77.098, 42.876 |
---|---|
XYZ | 37.394, 19.366, 5.259 |
xyY | 0.603, 0.312, 19.366 |
CIE-LCH | 51.112, 88.218, 29.079 |
CIE-LUV | 51.112, 157.752, 25.801 |
Hunter-Lab | 44.006, 74.669, 23.719 |
Binary | 11110010, 00001010, 00110110 |
Color Schemes with #f20a36
Alternatives to #f20a36
Below, you can see some colors close to #f20a36. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f20a36 Preview
This text has a font color of #f20a36.
<span style="color:#f20a36;">Text here</span>
This paragraph has a background color of #f20a36.
<p style="background-color:#f20a36;">Content here</p>
This element has a border color of #f20a36.
<div style="border:1px solid #f20a36;">Content here</div>
.text {color:#f20a36;}
.background {background-color:#f20a36;}
.border {border:1px solid #f20a36;}
Shades and Tints of #f20a36
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, #100104 is the darkest color, while #fffcfd is the lightest one.
-
#100104
#100104
rgb(16,1,4)
-
#230108
#230108
rgb(35,1,8)
-
#36020c
#36020c
rgb(54,2,12)
-
#480310
#480310
rgb(72,3,16)
-
#5b0414
#5b0414
rgb(91,4,20)
-
#6e0519
#6e0519
rgb(110,5,25)
-
#81051d
#81051d
rgb(129,5,29)
-
#940621
#940621
rgb(148,6,33)
-
#a70725
#a70725
rgb(167,7,37)
-
#b90829
#b90829
rgb(185,8,41)
-
#cc082e
#cc082e
rgb(204,8,46)
-
#df0932
#df0932
rgb(223,9,50)
-
#f20a36
#f20a36
rgb(242,10,54)
-
#f61a44
#f61a44
rgb(246,26,68)
-
#f62d53
#f62d53
rgb(246,45,83)
-
#f74063
#f74063
rgb(247,64,99)
-
#f85372
#f85372
rgb(248,83,114)
-
#f96581
#f96581
rgb(249,101,129)
-
#f97891
#f97891
rgb(249,120,145)
-
#fa8ba0
#fa8ba0
rgb(250,139,160)
-
#fb9eb0
#fb9eb0
rgb(251,158,176)
-
#fcb1bf
#fcb1bf
rgb(252,177,191)
-
#fdc4ce
#fdc4ce
rgb(253,196,206)
-
#fdd6de
#fdd6de
rgb(253,214,222)
-
#fee9ed
#fee9ed
rgb(254,233,237)
-
#fffcfd
#fffcfd
rgb(255,252,253)
Tones of #f20a36
A tone is produced by adding gray to any pure hue. In this case, #877578 is the less saturated color, while #fc0030 is the most saturated one.
-
#877578
#877578
rgb(135,117,120)
-
#916b72
#916b72
rgb(145,107,114)
-
#9b616c
#9b616c
rgb(155,97,108)
-
#a45866
#a45866
rgb(164,88,102)
-
#ae4e60
#ae4e60
rgb(174,78,96)
-
#b8445a
#b8445a
rgb(184,68,90)
-
#c23a54
#c23a54
rgb(194,58,84)
-
#cb314e
#cb314e
rgb(203,49,78)
-
#d52748
#d52748
rgb(213,39,72)
-
#df1d42
#df1d42
rgb(223,29,66)
-
#e8143c
#e8143c
rgb(232,20,60)
-
#f20a36
#f20a36
rgb(242,10,54)
-
#fc0030
#fc0030
rgb(252,0,48)
Color Blindness Simulator
Below, you can see how #f20a36 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.