#f22a01 Color Information
In a RGB color space, hex #f22a01 is composed of 94.9% red, 16.5% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.6% magenta, 99.6% yellow and 5.1% black. It has a hue angle of 10.2 degrees, a saturation of 99.2% and a lightness of 47.6%. #f22a01 color hex could be obtained by blending #ff5402 with #e50000. Closest websafe color is: #ff3300.
-
- R 95
- G 16
- B 0
-
- C 0
- M 83
- Y 100
- K 5
● #f22a01 color description : Vivid red.
#f22a01 Color Conversion
The hexadecimal color #f22a01 has RGB values of R:242, G:42, B:1 and CMYK values of C:0, M:0.83, Y:1, K:0.05. Its decimal value is 15870465.
Hex triplet | f22a01 | #f22a01 |
---|---|---|
RGB Decimal | 242, 42, 1 | rgb(242,42,1) |
RGB Percent | 94.9, 16.5, 0.4 | rgb(94.9%,16.5%,0.4%) |
CMYK | 0, 83, 100, 5 | |
HSL | 10.2°, 99.2, 47.6 | hsl(10.2,99.2%,47.6%) |
HSV (or HSB) | 10.2°, 99.6, 94.9 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 52.443, 71.557, 65.047 |
---|---|
XYZ | 37.453, 20.54, 2.021 |
xyY | 0.624, 0.342, 20.54 |
CIE-LCH | 52.443, 96.703, 42.272 |
CIE-LUV | 52.443, 155.594, 39.137 |
Hunter-Lab | 45.321, 68.2, 29.081 |
Binary | 11110010, 00101010, 00000001 |
Color Schemes with #f22a01
Alternatives to #f22a01
Below, you can see some colors close to #f22a01. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22a01 Preview
This text has a font color of #f22a01.
<span style="color:#f22a01;">Text here</span>
This paragraph has a background color of #f22a01.
<p style="background-color:#f22a01;">Content here</p>
This element has a border color of #f22a01.
<div style="border:1px solid #f22a01;">Content here</div>
.text {color:#f22a01;}
.background {background-color:#f22a01;}
.border {border:1px solid #f22a01;}
Shades and Tints of #f22a01
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, #080100 is the darkest color, while #fff5f3 is the lightest one.
-
#080100
#080100
rgb(8,1,0)
-
#1b0500
#1b0500
rgb(27,5,0)
-
#2f0800
#2f0800
rgb(47,8,0)
-
#420b00
#420b00
rgb(66,11,0)
-
#560f00
#560f00
rgb(86,15,0)
-
#691200
#691200
rgb(105,18,0)
-
#7d1601
#7d1601
rgb(125,22,1)
-
#901901
#901901
rgb(144,25,1)
-
#a41c01
#a41c01
rgb(164,28,1)
-
#b72001
#b72001
rgb(183,32,1)
-
#cb2301
#cb2301
rgb(203,35,1)
-
#de2701
#de2701
rgb(222,39,1)
-
#f22a01
#f22a01
rgb(242,42,1)
-
#fe3209
#fe3209
rgb(254,50,9)
-
#fe431c
#fe431c
rgb(254,67,28)
-
#fe5330
#fe5330
rgb(254,83,48)
-
#fe6343
#fe6343
rgb(254,99,67)
-
#fe7357
#fe7357
rgb(254,115,87)
-
#fe836a
#fe836a
rgb(254,131,106)
-
#fe947e
#fe947e
rgb(254,148,126)
-
#ffa491
#ffa491
rgb(255,164,145)
-
#ffb4a5
#ffb4a5
rgb(255,180,165)
-
#ffc4b8
#ffc4b8
rgb(255,196,184)
-
#ffd5cc
#ffd5cc
rgb(255,213,204)
-
#ffe5e0
#ffe5e0
rgb(255,229,224)
-
#fff5f3
#fff5f3
rgb(255,245,243)
Tones of #f22a01
A tone is produced by adding gray to any pure hue. In this case, #827471 is the less saturated color, while #f22a01 is the most saturated one.
-
#827471
#827471
rgb(130,116,113)
-
#8b6e68
#8b6e68
rgb(139,110,104)
-
#95685e
#95685e
rgb(149,104,94)
-
#9e6155
#9e6155
rgb(158,97,85)
-
#a75b4c
#a75b4c
rgb(167,91,76)
-
#b15542
#b15542
rgb(177,85,66)
-
#ba4f39
#ba4f39
rgb(186,79,57)
-
#c34930
#c34930
rgb(195,73,48)
-
#cd4326
#cd4326
rgb(205,67,38)
-
#d63c1d
#d63c1d
rgb(214,60,29)
-
#df3614
#df3614
rgb(223,54,20)
-
#e9300a
#e9300a
rgb(233,48,10)
-
#f22a01
#f22a01
rgb(242,42,1)
Color Blindness Simulator
Below, you can see how #f22a01 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.