#f22103 Color Information
In a RGB color space, hex #f22103 is composed of 94.9% red, 12.9% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.4% magenta, 98.8% yellow and 5.1% black. It has a hue angle of 7.5 degrees, a saturation of 97.6% and a lightness of 48%. #f22103 color hex could be obtained by blending #ff4206 with #e50000. Closest websafe color is: #ff3300.
-
- R 95
- G 13
- B 1
-
- C 0
- M 86
- Y 99
- K 5
● #f22103 color description : Vivid red.
#f22103 Color Conversion
The hexadecimal color #f22103 has RGB values of R:242, G:33, B:3 and CMYK values of C:0, M:0.86, Y:0.99, K:0.05. Its decimal value is 15868163.
Hex triplet | f22103 | #f22103 |
---|---|---|
RGB Decimal | 242, 33, 3 | rgb(242,33,3) |
RGB Percent | 94.9, 12.9, 1.2 | rgb(94.9%,12.9%,1.2%) |
CMYK | 0, 86, 99, 5 | |
HSL | 7.5°, 97.6, 48 | hsl(7.5,97.6%,48%) |
HSV (or HSB) | 7.5°, 98.8, 94.9 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 51.811, 73.388, 64.282 |
---|---|
XYZ | 37.18, 19.976, 1.984 |
xyY | 0.629, 0.338, 19.976 |
CIE-LCH | 51.811, 97.56, 41.216 |
CIE-LUV | 51.811, 158.974, 37.828 |
Hunter-Lab | 44.695, 70.272, 28.654 |
Binary | 11110010, 00100001, 00000011 |
Color Schemes with #f22103
Alternatives to #f22103
Below, you can see some colors close to #f22103. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22103 Preview
This text has a font color of #f22103.
<span style="color:#f22103;">Text here</span>
This paragraph has a background color of #f22103.
<p style="background-color:#f22103;">Content here</p>
This element has a border color of #f22103.
<div style="border:1px solid #f22103;">Content here</div>
.text {color:#f22103;}
.background {background-color:#f22103;}
.border {border:1px solid #f22103;}
Shades and Tints of #f22103
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, #090100 is the darkest color, while #fff6f5 is the lightest one.
-
#090100
#090100
rgb(9,1,0)
-
#1d0400
#1d0400
rgb(29,4,0)
-
#300701
#300701
rgb(48,7,1)
-
#440901
#440901
rgb(68,9,1)
-
#570c01
#570c01
rgb(87,12,1)
-
#6a0f01
#6a0f01
rgb(106,15,1)
-
#7e1102
#7e1102
rgb(126,17,2)
-
#911402
#911402
rgb(145,20,2)
-
#a41602
#a41602
rgb(164,22,2)
-
#b81902
#b81902
rgb(184,25,2)
-
#cb1c03
#cb1c03
rgb(203,28,3)
-
#df1e03
#df1e03
rgb(223,30,3)
-
#f22103
#f22103
rgb(242,33,3)
-
#fc2b0d
#fc2b0d
rgb(252,43,13)
-
#fc3c20
#fc3c20
rgb(252,60,32)
-
#fc4d33
#fc4d33
rgb(252,77,51)
-
#fd5e47
#fd5e47
rgb(253,94,71)
-
#fd6f5a
#fd6f5a
rgb(253,111,90)
-
#fd806d
#fd806d
rgb(253,128,109)
-
#fd9181
#fd9181
rgb(253,145,129)
-
#fea194
#fea194
rgb(254,161,148)
-
#feb2a8
#feb2a8
rgb(254,178,168)
-
#fec3bb
#fec3bb
rgb(254,195,187)
-
#fed4ce
#fed4ce
rgb(254,212,206)
-
#ffe5e2
#ffe5e2
rgb(255,229,226)
-
#fff6f5
#fff6f5
rgb(255,246,245)
Tones of #f22103
A tone is produced by adding gray to any pure hue. In this case, #817674 is the less saturated color, while #f22103 is the most saturated one.
-
#817674
#817674
rgb(129,118,116)
-
#8a6f6b
#8a6f6b
rgb(138,111,107)
-
#946861
#946861
rgb(148,104,97)
-
#9d6158
#9d6158
rgb(157,97,88)
-
#a7594e
#a7594e
rgb(167,89,78)
-
#b05245
#b05245
rgb(176,82,69)
-
#b94b3c
#b94b3c
rgb(185,75,60)
-
#c34432
#c34432
rgb(195,68,50)
-
#cc3d29
#cc3d29
rgb(204,61,41)
-
#d6361f
#d6361f
rgb(214,54,31)
-
#df2f16
#df2f16
rgb(223,47,22)
-
#e9280c
#e9280c
rgb(233,40,12)
-
#f22103
#f22103
rgb(242,33,3)
Color Blindness Simulator
Below, you can see how #f22103 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.