#f02a20 Color Information
In a RGB color space, hex #f02a20 is composed of 94.1% red, 16.5% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.5% magenta, 86.7% yellow and 5.9% black. It has a hue angle of 2.9 degrees, a saturation of 87.4% and a lightness of 53.3%. #f02a20 color hex could be obtained by blending #ff5440 with #e10000. Closest websafe color is: #ff3333.
-
- R 94
- G 16
- B 13
-
- C 0
- M 83
- Y 87
- K 6
● #f02a20 color description : Vivid red.
#f02a20 Color Conversion
The hexadecimal color #f02a20 has RGB values of R:240, G:42, B:32 and CMYK values of C:0, M:0.83, Y:0.87, K:0.06. Its decimal value is 15739424.
Hex triplet | f02a20 | #f02a20 |
---|---|---|
RGB Decimal | 240, 42, 32 | rgb(240,42,32) |
RGB Percent | 94.1, 16.5, 12.5 | rgb(94.1%,16.5%,12.5%) |
CMYK | 0, 83, 87, 6 | |
HSL | 2.9°, 87.4, 53.3 | hsl(2.9,87.4%,53.3%) |
HSV (or HSB) | 2.9°, 86.7, 94.1 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 52.164, 71.358, 54.958 |
---|---|
XYZ | 37.026, 20.29, 3.333 |
xyY | 0.61, 0.335, 20.29 |
CIE-LCH | 52.164, 90.069, 37.602 |
CIE-LUV | 52.164, 151.665, 34.832 |
Hunter-Lab | 45.045, 67.895, 27.144 |
Binary | 11110000, 00101010, 00100000 |
Color Schemes with #f02a20
Alternatives to #f02a20
Below, you can see some colors close to #f02a20. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f02a20 Preview
This text has a font color of #f02a20.
<span style="color:#f02a20;">Text here</span>
This paragraph has a background color of #f02a20.
<p style="background-color:#f02a20;">Content here</p>
This element has a border color of #f02a20.
<div style="border:1px solid #f02a20;">Content here</div>
.text {color:#f02a20;}
.background {background-color:#f02a20;}
.border {border:1px solid #f02a20;}
Shades and Tints of #f02a20
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, #100201 is the darkest color, while #fffdfd is the lightest one.
-
#100201
#100201
rgb(16,2,1)
-
#220402
#220402
rgb(34,4,2)
-
#350604
#350604
rgb(53,6,4)
-
#470805
#470805
rgb(71,8,5)
-
#590a06
#590a06
rgb(89,10,6)
-
#6c0c07
#6c0c07
rgb(108,12,7)
-
#7e0e08
#7e0e08
rgb(126,14,8)
-
#91100a
#91100a
rgb(145,16,10)
-
#a3120b
#a3120b
rgb(163,18,11)
-
#b5140c
#b5140c
rgb(181,20,12)
-
#c8160d
#c8160d
rgb(200,22,13)
-
#da180f
#da180f
rgb(218,24,15)
-
#ec1b10
#ec1b10
rgb(236,27,16)
-
#f02a20
#f02a20
rgb(240,42,32)
-
#f13c32
#f13c32
rgb(241,60,50)
-
#f24d45
#f24d45
rgb(242,77,69)
-
#f45f57
#f45f57
rgb(244,95,87)
-
#f5706a
#f5706a
rgb(245,112,106)
-
#f6827c
#f6827c
rgb(246,130,124)
-
#f7938e
#f7938e
rgb(247,147,142)
-
#f9a5a1
#f9a5a1
rgb(249,165,161)
-
#fab6b3
#fab6b3
rgb(250,182,179)
-
#fbc8c5
#fbc8c5
rgb(251,200,197)
-
#fcdad8
#fcdad8
rgb(252,218,216)
-
#feebea
#feebea
rgb(254,235,234)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #f02a20
A tone is produced by adding gray to any pure hue. In this case, #8b8585 is the less saturated color, while #f92217 is the most saturated one.
-
#8b8585
#8b8585
rgb(139,133,133)
-
#947d7c
#947d7c
rgb(148,125,124)
-
#9e7472
#9e7472
rgb(158,116,114)
-
#a76c69
#a76c69
rgb(167,108,105)
-
#b06460
#b06460
rgb(176,100,96)
-
#b95c57
#b95c57
rgb(185,92,87)
-
#c2534e
#c2534e
rgb(194,83,78)
-
#cb4b45
#cb4b45
rgb(203,75,69)
-
#d5433b
#d5433b
rgb(213,67,59)
-
#de3b32
#de3b32
rgb(222,59,50)
-
#e73229
#e73229
rgb(231,50,41)
-
#f02a20
#f02a20
rgb(240,42,32)
-
#f92217
#f92217
rgb(249,34,23)
Color Blindness Simulator
Below, you can see how #f02a20 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.