#f42302 Color Information
In a RGB color space, hex #f42302 is composed of 95.7% red, 13.7% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.7% magenta, 99.2% yellow and 4.3% black. It has a hue angle of 8.2 degrees, a saturation of 98.4% and a lightness of 48.2%. #f42302 color hex could be obtained by blending #ff4604 with #e90000. Closest websafe color is: #ff3300.
-
- R 96
- G 14
- B 1
-
- C 0
- M 86
- Y 99
- K 4
● #f42302 color description : Vivid red.
#f42302 Color Conversion
The hexadecimal color #f42302 has RGB values of R:244, G:35, B:2 and CMYK values of C:0, M:0.86, Y:0.99, K:0.04. Its decimal value is 15999746.
Hex triplet | f42302 | #f42302 |
---|---|---|
RGB Decimal | 244, 35, 2 | rgb(244,35,2) |
RGB Percent | 95.7, 13.7, 0.8 | rgb(95.7%,13.7%,0.8%) |
CMYK | 0, 86, 99, 4 | |
HSL | 8.2°, 98.4, 48.2 | hsl(8.2,98.4%,48.2%) |
HSV (or HSB) | 8.2°, 99.2, 95.7 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 52.336, 73.539, 64.99 |
---|---|
XYZ | 37.922, 20.445, 2.007 |
xyY | 0.628, 0.339, 20.445 |
CIE-LCH | 52.336, 98.141, 41.469 |
CIE-LUV | 52.336, 159.753, 38.416 |
Hunter-Lab | 45.216, 70.581, 29.019 |
Binary | 11110100, 00100011, 00000010 |
Color Schemes with #f42302
Alternatives to #f42302
Below, you can see some colors close to #f42302. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f42302 Preview
This text has a font color of #f42302.
<span style="color:#f42302;">Text here</span>
This paragraph has a background color of #f42302.
<p style="background-color:#f42302;">Content here</p>
This element has a border color of #f42302.
<div style="border:1px solid #f42302;">Content here</div>
.text {color:#f42302;}
.background {background-color:#f42302;}
.border {border:1px solid #f42302;}
Shades and Tints of #f42302
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, #0b0200 is the darkest color, while #fff7f6 is the lightest one.
-
#0b0200
#0b0200
rgb(11,2,0)
-
#1e0400
#1e0400
rgb(30,4,0)
-
#310700
#310700
rgb(49,7,0)
-
#450a01
#450a01
rgb(69,10,1)
-
#580d01
#580d01
rgb(88,13,1)
-
#6c0f01
#6c0f01
rgb(108,15,1)
-
#7f1201
#7f1201
rgb(127,18,1)
-
#931501
#931501
rgb(147,21,1)
-
#a61801
#a61801
rgb(166,24,1)
-
#ba1b02
#ba1b02
rgb(186,27,2)
-
#cd1d02
#cd1d02
rgb(205,29,2)
-
#e12002
#e12002
rgb(225,32,2)
-
#f42302
#f42302
rgb(244,35,2)
-
#fd2d0d
#fd2d0d
rgb(253,45,13)
-
#fd3e20
#fd3e20
rgb(253,62,32)
-
#fd4f34
#fd4f34
rgb(253,79,52)
-
#fd6047
#fd6047
rgb(253,96,71)
-
#fe715a
#fe715a
rgb(254,113,90)
-
#fe826e
#fe826e
rgb(254,130,110)
-
#fe9281
#fe9281
rgb(254,146,129)
-
#fea395
#fea395
rgb(254,163,149)
-
#feb4a8
#feb4a8
rgb(254,180,168)
-
#fec5bc
#fec5bc
rgb(254,197,188)
-
#ffd6cf
#ffd6cf
rgb(255,214,207)
-
#ffe6e3
#ffe6e3
rgb(255,230,227)
-
#fff7f6
#fff7f6
rgb(255,247,246)
Tones of #f42302
A tone is produced by adding gray to any pure hue. In this case, #827674 is the less saturated color, while #f42302 is the most saturated one.
-
#827674
#827674
rgb(130,118,116)
-
#8c6f6a
#8c6f6a
rgb(140,111,106)
-
#956861
#956861
rgb(149,104,97)
-
#9f6157
#9f6157
rgb(159,97,87)
-
#a85a4e
#a85a4e
rgb(168,90,78)
-
#b25344
#b25344
rgb(178,83,68)
-
#bb4c3b
#bb4c3b
rgb(187,76,59)
-
#c54531
#c54531
rgb(197,69,49)
-
#ce3f28
#ce3f28
rgb(206,63,40)
-
#d8381e
#d8381e
rgb(216,56,30)
-
#e13115
#e13115
rgb(225,49,21)
-
#eb2a0b
#eb2a0b
rgb(235,42,11)
-
#f42302
#f42302
rgb(244,35,2)
Color Blindness Simulator
Below, you can see how #f42302 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.