#f23226 Color Information
In a RGB color space, hex #f23226 is composed of 94.9% red, 19.6% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.3% magenta, 84.3% yellow and 5.1% black. It has a hue angle of 3.5 degrees, a saturation of 88.7% and a lightness of 54.9%. #f23226 color hex could be obtained by blending #ff644c with #e50000. Closest websafe color is: #ff3333.
-
- R 95
- G 20
- B 15
-
- C 0
- M 79
- Y 84
- K 5
● #f23226 color description : Bright red.
#f23226 Color Conversion
The hexadecimal color #f23226 has RGB values of R:242, G:50, B:38 and CMYK values of C:0, M:0.79, Y:0.84, K:0.05. Its decimal value is 15872550.
Hex triplet | f23226 | #f23226 |
---|---|---|
RGB Decimal | 242, 50, 38 | rgb(242,50,38) |
RGB Percent | 94.9, 19.6, 14.9 | rgb(94.9%,19.6%,14.9%) |
CMYK | 0, 79, 84, 5 | |
HSL | 3.5°, 88.7, 54.9 | hsl(3.5,88.7%,54.9%) |
HSV (or HSB) | 3.5°, 84.3, 94.9 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 53.28, 70.079, 53.302 |
---|---|
XYZ | 38.11, 21.303, 3.939 |
xyY | 0.602, 0.336, 21.303 |
CIE-LCH | 53.28, 88.047, 37.256 |
CIE-LUV | 53.28, 148.743, 35.038 |
Hunter-Lab | 46.155, 66.615, 27.249 |
Binary | 11110010, 00110010, 00100110 |
Color Schemes with #f23226
Alternatives to #f23226
Below, you can see some colors close to #f23226. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f23226 Preview
This text has a font color of #f23226.
<span style="color:#f23226;">Text here</span>
This paragraph has a background color of #f23226.
<p style="background-color:#f23226;">Content here</p>
This element has a border color of #f23226.
<div style="border:1px solid #f23226;">Content here</div>
.text {color:#f23226;}
.background {background-color:#f23226;}
.border {border:1px solid #f23226;}
Shades and Tints of #f23226
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, #050100 is the darkest color, while #fef2f2 is the lightest one.
-
#050100
#050100
rgb(5,1,0)
-
#180301
#180301
rgb(24,3,1)
-
#2a0503
#2a0503
rgb(42,5,3)
-
#3d0704
#3d0704
rgb(61,7,4)
-
#4f0905
#4f0905
rgb(79,9,5)
-
#620b06
#620b06
rgb(98,11,6)
-
#740d07
#740d07
rgb(116,13,7)
-
#871008
#871008
rgb(135,16,8)
-
#991209
#991209
rgb(153,18,9)
-
#ac140a
#ac140a
rgb(172,20,10)
-
#be160b
#be160b
rgb(190,22,11)
-
#d1180d
#d1180d
rgb(209,24,13)
-
#e31a0e
#e31a0e
rgb(227,26,14)
-
#f12113
#f12113
rgb(241,33,19)
-
#f23226
#f23226
rgb(242,50,38)
-
#f34339
#f34339
rgb(243,67,57)
-
#f4554b
#f4554b
rgb(244,85,75)
-
#f5665e
#f5665e
rgb(245,102,94)
-
#f67870
#f67870
rgb(246,120,112)
-
#f88983
#f88983
rgb(248,137,131)
-
#f99b95
#f99b95
rgb(249,155,149)
-
#faaca8
#faaca8
rgb(250,172,168)
-
#fbbeba
#fbbeba
rgb(251,190,186)
-
#fccfcd
#fccfcd
rgb(252,207,205)
-
#fde1df
#fde1df
rgb(253,225,223)
-
#fef2f2
#fef2f2
rgb(254,242,242)
Tones of #f23226
A tone is produced by adding gray to any pure hue. In this case, #918887 is the less saturated color, while #fb2a1d is the most saturated one.
-
#918887
#918887
rgb(145,136,135)
-
#9a807e
#9a807e
rgb(154,128,126)
-
#a27876
#a27876
rgb(162,120,118)
-
#ab706d
#ab706d
rgb(171,112,109)
-
#b46964
#b46964
rgb(180,105,100)
-
#bd615b
#bd615b
rgb(189,97,91)
-
#c65952
#c65952
rgb(198,89,82)
-
#cf5149
#cf5149
rgb(207,81,73)
-
#d74941
#d74941
rgb(215,73,65)
-
#e04238
#e04238
rgb(224,66,56)
-
#e93a2f
#e93a2f
rgb(233,58,47)
-
#f23226
#f23226
rgb(242,50,38)
-
#fb2a1d
#fb2a1d
rgb(251,42,29)
Color Blindness Simulator
Below, you can see how #f23226 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.