#f22f59 Color Information
In a RGB color space, hex #f22f59 is composed of 94.9% red, 18.4% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.6% magenta, 63.2% yellow and 5.1% black. It has a hue angle of 347.1 degrees, a saturation of 88.2% and a lightness of 56.7%. #f22f59 color hex could be obtained by blending #ff5eb2 with #e50000. Closest websafe color is: #ff3366.
-
- R 95
- G 18
- B 35
-
- C 0
- M 81
- Y 63
- K 5
● #f22f59 color description : Bright red.
#f22f59 Color Conversion
The hexadecimal color #f22f59 has RGB values of R:242, G:47, B:89 and CMYK values of C:0, M:0.81, Y:0.63, K:0.05. Its decimal value is 15871833.
Hex triplet | f22f59 | #f22f59 |
---|---|---|
RGB Decimal | 242, 47, 89 | rgb(242,47,89) |
RGB Percent | 94.9, 18.4, 34.9 | rgb(94.9%,18.4%,34.9%) |
CMYK | 0, 81, 63, 5 | |
HSL | 347.1°, 88.2, 56.7 | hsl(347.1,88.2%,56.7%) |
HSV (or HSB) | 347.1°, 80.6, 94.9 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 53.639, 72.768, 25.391 |
---|---|
XYZ | 39.439, 21.636, 11.55 |
xyY | 0.543, 0.298, 21.636 |
CIE-LCH | 53.639, 77.07, 19.236 |
CIE-LUV | 53.639, 138.001, 14.049 |
Hunter-Lab | 46.515, 69.947, 17.838 |
Binary | 11110010, 00101111, 01011001 |
Color Schemes with #f22f59
Alternatives to #f22f59
Below, you can see some colors close to #f22f59. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22f59 Preview
This text has a font color of #f22f59.
<span style="color:#f22f59;">Text here</span>
This paragraph has a background color of #f22f59.
<p style="background-color:#f22f59;">Content here</p>
This element has a border color of #f22f59.
<div style="border:1px solid #f22f59;">Content here</div>
.text {color:#f22f59;}
.background {background-color:#f22f59;}
.border {border:1px solid #f22f59;}
Shades and Tints of #f22f59
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, #0e0104 is the darkest color, while #fffafb is the lightest one.
-
#0e0104
#0e0104
rgb(14,1,4)
-
#200208
#200208
rgb(32,2,8)
-
#32030d
#32030d
rgb(50,3,13)
-
#450412
#450412
rgb(69,4,18)
-
#570517
#570517
rgb(87,5,23)
-
#6a071c
#6a071c
rgb(106,7,28)
-
#7c0821
#7c0821
rgb(124,8,33)
-
#8f0926
#8f0926
rgb(143,9,38)
-
#a10a2b
#a10a2b
rgb(161,10,43)
-
#b40b30
#b40b30
rgb(180,11,48)
-
#c60c34
#c60c34
rgb(198,12,52)
-
#d90e39
#d90e39
rgb(217,14,57)
-
#eb0f3e
#eb0f3e
rgb(235,15,62)
-
#f11d4a
#f11d4a
rgb(241,29,74)
-
#f22f59
#f22f59
rgb(242,47,89)
-
#f34168
#f34168
rgb(243,65,104)
-
#f45476
#f45476
rgb(244,84,118)
-
#f56685
#f56685
rgb(245,102,133)
-
#f77994
#f77994
rgb(247,121,148)
-
#f88ba3
#f88ba3
rgb(248,139,163)
-
#f99eb1
#f99eb1
rgb(249,158,177)
-
#fab0c0
#fab0c0
rgb(250,176,192)
-
#fbc3cf
#fbc3cf
rgb(251,195,207)
-
#fcd5de
#fcd5de
rgb(252,213,222)
-
#fee8ec
#fee8ec
rgb(254,232,236)
-
#fffafb
#fffafb
rgb(255,250,251)
Tones of #f22f59
A tone is produced by adding gray to any pure hue. In this case, #958d8e is the less saturated color, while #fb2754 is the most saturated one.
-
#958d8e
#958d8e
rgb(149,141,142)
-
#9d8489
#9d8489
rgb(157,132,137)
-
#a67c85
#a67c85
rgb(166,124,133)
-
#ae7380
#ae7380
rgb(174,115,128)
-
#b76b7b
#b76b7b
rgb(183,107,123)
-
#bf6276
#bf6276
rgb(191,98,118)
-
#c85a71
#c85a71
rgb(200,90,113)
-
#d0516c
#d0516c
rgb(208,81,108)
-
#d94968
#d94968
rgb(217,73,104)
-
#e14063
#e14063
rgb(225,64,99)
-
#ea385e
#ea385e
rgb(234,56,94)
-
#f22f59
#f22f59
rgb(242,47,89)
-
#fb2754
#fb2754
rgb(251,39,84)
Color Blindness Simulator
Below, you can see how #f22f59 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.