#f20736 Color Information
In a RGB color space, hex #f20736 is composed of 94.9% red, 2.7% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.1% magenta, 77.7% yellow and 5.1% black. It has a hue angle of 348 degrees, a saturation of 94.4% and a lightness of 48.8%. #f20736 color hex could be obtained by blending #ff0e6c with #e50000. Closest websafe color is: #ff0033.
-
- R 95
- G 3
- B 21
-
- C 0
- M 97
- Y 78
- K 5
● #f20736 color description : Vivid red.
#f20736 Color Conversion
The hexadecimal color #f20736 has RGB values of R:242, G:7, B:54 and CMYK values of C:0, M:0.97, Y:0.78, K:0.05. Its decimal value is 15861558.
Hex triplet | f20736 | #f20736 |
---|---|---|
RGB Decimal | 242, 7, 54 | rgb(242,7,54) |
RGB Percent | 94.9, 2.7, 21.2 | rgb(94.9%,2.7%,21.2%) |
CMYK | 0, 97, 78, 5 | |
HSL | 348°, 94.4, 48.8 | hsl(348,94.4%,48.8%) |
HSV (or HSB) | 348°, 97.1, 94.9 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 51.037, 77.317, 42.796 |
---|---|
XYZ | 37.362, 19.3, 5.248 |
xyY | 0.603, 0.312, 19.3 |
CIE-LCH | 51.037, 88.37, 28.965 |
CIE-LUV | 51.037, 158.146, 25.652 |
Hunter-Lab | 43.932, 74.922, 23.67 |
Binary | 11110010, 00000111, 00110110 |
Color Schemes with #f20736
Alternatives to #f20736
Below, you can see some colors close to #f20736. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f20736 Preview
This text has a font color of #f20736.
<span style="color:#f20736;">Text here</span>
This paragraph has a background color of #f20736.
<p style="background-color:#f20736;">Content here</p>
This element has a border color of #f20736.
<div style="border:1px solid #f20736;">Content here</div>
.text {color:#f20736;}
.background {background-color:#f20736;}
.border {border:1px solid #f20736;}
Shades and Tints of #f20736
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, #0d0003 is the darkest color, while #fff9fa is the lightest one.
-
#0d0003
#0d0003
rgb(13,0,3)
-
#200107
#200107
rgb(32,1,7)
-
#33010b
#33010b
rgb(51,1,11)
-
#460210
#460210
rgb(70,2,16)
-
#590314
#590314
rgb(89,3,20)
-
#6d0318
#6d0318
rgb(109,3,24)
-
#80041c
#80041c
rgb(128,4,28)
-
#930421
#930421
rgb(147,4,33)
-
#a60525
#a60525
rgb(166,5,37)
-
#b90529
#b90529
rgb(185,5,41)
-
#cc062d
#cc062d
rgb(204,6,45)
-
#df0632
#df0632
rgb(223,6,50)
-
#f20736
#f20736
rgb(242,7,54)
-
#f81442
#f81442
rgb(248,20,66)
-
#f92751
#f92751
rgb(249,39,81)
-
#f93b61
#f93b61
rgb(249,59,97)
-
#fa4e70
#fa4e70
rgb(250,78,112)
-
#fa617f
#fa617f
rgb(250,97,127)
-
#fb748f
#fb748f
rgb(251,116,143)
-
#fc879e
#fc879e
rgb(252,135,158)
-
#fc9aad
#fc9aad
rgb(252,154,173)
-
#fdadbd
#fdadbd
rgb(253,173,189)
-
#fdc0cc
#fdc0cc
rgb(253,192,204)
-
#fed3dc
#fed3dc
rgb(254,211,220)
-
#fee6eb
#fee6eb
rgb(254,230,235)
-
#fff9fa
#fff9fa
rgb(255,249,250)
Tones of #f20736
A tone is produced by adding gray to any pure hue. In this case, #7f7a7b is the less saturated color, while #f20736 is the most saturated one.
-
#7f7a7b
#7f7a7b
rgb(127,122,123)
-
#897075
#897075
rgb(137,112,117)
-
#92676f
#92676f
rgb(146,103,111)
-
#9c5d6a
#9c5d6a
rgb(156,93,106)
-
#a55464
#a55464
rgb(165,84,100)
-
#af4a5e
#af4a5e
rgb(175,74,94)
-
#b94058
#b94058
rgb(185,64,88)
-
#c23753
#c23753
rgb(194,55,83)
-
#cc2d4d
#cc2d4d
rgb(204,45,77)
-
#d52447
#d52447
rgb(213,36,71)
-
#df1a41
#df1a41
rgb(223,26,65)
-
#e8113c
#e8113c
rgb(232,17,60)
-
#f20736
#f20736
rgb(242,7,54)
Color Blindness Simulator
Below, you can see how #f20736 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.