#f20f30 Color Information
In a RGB color space, hex #f20f30 is composed of 94.9% red, 5.9% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.8% magenta, 80.2% yellow and 5.1% black. It has a hue angle of 351.3 degrees, a saturation of 89.7% and a lightness of 50.4%. #f20f30 color hex could be obtained by blending #ff1e60 with #e50000. Closest websafe color is: #ff0033.
-
- R 95
- G 6
- B 19
-
- C 0
- M 94
- Y 80
- K 5
● #f20f30 color description : Vivid red.
#f20f30 Color Conversion
The hexadecimal color #f20f30 has RGB values of R:242, G:15, B:48 and CMYK values of C:0, M:0.94, Y:0.8, K:0.05. Its decimal value is 15863600.
Hex triplet | f20f30 | #f20f30 |
---|---|---|
RGB Decimal | 242, 15, 48 | rgb(242,15,48) |
RGB Percent | 94.9, 5.9, 18.8 | rgb(94.9%,5.9%,18.8%) |
CMYK | 0, 94, 80, 5 | |
HSL | 351.3°, 89.7, 50.4 | hsl(351.3,89.7%,50.4%) |
HSV (or HSB) | 351.3°, 93.8, 94.9 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 51.195, 76.513, 46.284 |
---|---|
XYZ | 37.324, 19.437, 4.583 |
xyY | 0.608, 0.317, 19.437 |
CIE-LCH | 51.195, 89.423, 31.17 |
CIE-LUV | 51.195, 158.329, 28.104 |
Hunter-Lab | 44.088, 73.963, 24.698 |
Binary | 11110010, 00001111, 00110000 |
Color Schemes with #f20f30
Alternatives to #f20f30
Below, you can see some colors close to #f20f30. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f20f30 Preview
This text has a font color of #f20f30.
<span style="color:#f20f30;">Text here</span>
This paragraph has a background color of #f20f30.
<p style="background-color:#f20f30;">Content here</p>
This element has a border color of #f20f30.
<div style="border:1px solid #f20f30;">Content here</div>
.text {color:#f20f30;}
.background {background-color:#f20f30;}
.border {border:1px solid #f20f30;}
Shades and Tints of #f20f30
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, #020000 is the darkest color, while #feeef1 is the lightest one.
-
#020000
#020000
rgb(2,0,0)
-
#150104
#150104
rgb(21,1,4)
-
#270207
#270207
rgb(39,2,7)
-
#3a030b
#3a030b
rgb(58,3,11)
-
#4c040f
#4c040f
rgb(76,4,15)
-
#5f0512
#5f0512
rgb(95,5,18)
-
#720616
#720616
rgb(114,6,22)
-
#840719
#840719
rgb(132,7,25)
-
#97081d
#97081d
rgb(151,8,29)
-
#a90920
#a90920
rgb(169,9,32)
-
#bc0a24
#bc0a24
rgb(188,10,36)
-
#cf0b28
#cf0b28
rgb(207,11,40)
-
#e10c2b
#e10c2b
rgb(225,12,43)
-
#f20f30
#f20f30
rgb(242,15,48)
-
#f32240
#f32240
rgb(243,34,64)
-
#f43450
#f43450
rgb(244,52,80)
-
#f54760
#f54760
rgb(245,71,96)
-
#f65970
#f65970
rgb(246,89,112)
-
#f76c80
#f76c80
rgb(247,108,128)
-
#f87f90
#f87f90
rgb(248,127,144)
-
#f991a0
#f991a0
rgb(249,145,160)
-
#faa4b0
#faa4b0
rgb(250,164,176)
-
#fbb6c0
#fbb6c0
rgb(251,182,192)
-
#fcc9d0
#fcc9d0
rgb(252,201,208)
-
#fddce1
#fddce1
rgb(253,220,225)
-
#feeef1
#feeef1
rgb(254,238,241)
Tones of #f20f30
A tone is produced by adding gray to any pure hue. In this case, #877a7c is the less saturated color, while #fc0529 is the most saturated one.
-
#877a7c
#877a7c
rgb(135,122,124)
-
#917075
#917075
rgb(145,112,117)
-
#9a676e
#9a676e
rgb(154,103,110)
-
#a45d67
#a45d67
rgb(164,93,103)
-
#ae5360
#ae5360
rgb(174,83,96)
-
#b84959
#b84959
rgb(184,73,89)
-
#c14053
#c14053
rgb(193,64,83)
-
#cb364c
#cb364c
rgb(203,54,76)
-
#d52c45
#d52c45
rgb(213,44,69)
-
#df223e
#df223e
rgb(223,34,62)
-
#e81937
#e81937
rgb(232,25,55)
-
#f20f30
#f20f30
rgb(242,15,48)
-
#fc0529
#fc0529
rgb(252,5,41)
Color Blindness Simulator
Below, you can see how #f20f30 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.