#f7224c Color Information
In a RGB color space, hex #f7224c is composed of 96.9% red, 13.3% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.2% magenta, 69.2% yellow and 3.1% black. It has a hue angle of 348.2 degrees, a saturation of 93% and a lightness of 55.1%. #f7224c color hex could be obtained by blending #ff4498 with #ef0000. Closest websafe color is: #ff3333.
-
- R 97
- G 13
- B 30
-
- C 0
- M 86
- Y 69
- K 3
● #f7224c color description : Vivid red.
#f7224c Color Conversion
The hexadecimal color #f7224c has RGB values of R:247, G:34, B:76 and CMYK values of C:0, M:0.86, Y:0.69, K:0.03. Its decimal value is 16196172.
Hex triplet | f7224c | #f7224c |
---|---|---|
RGB Decimal | 247, 34, 76 | rgb(247,34,76) |
RGB Percent | 96.9, 13.3, 29.8 | rgb(96.9%,13.3%,29.8%) |
CMYK | 0, 86, 69, 3 | |
HSL | 348.2°, 93, 55.1 | hsl(348.2,93%,55.1%) |
HSV (or HSB) | 348.2°, 86.2, 96.9 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 53.433, 76.15, 33.052 |
---|---|
XYZ | 40.236, 21.445, 8.858 |
xyY | 0.57, 0.304, 21.445 |
CIE-LCH | 53.433, 83.013, 23.463 |
CIE-LUV | 53.433, 150.352, 19.782 |
Hunter-Lab | 46.309, 74.053, 21.075 |
Binary | 11110111, 00100010, 01001100 |
Color Schemes with #f7224c
Alternatives to #f7224c
Below, you can see some colors close to #f7224c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7224c Preview
This text has a font color of #f7224c.
<span style="color:#f7224c;">Text here</span>
This paragraph has a background color of #f7224c.
<p style="background-color:#f7224c;">Content here</p>
This element has a border color of #f7224c.
<div style="border:1px solid #f7224c;">Content here</div>
.text {color:#f7224c;}
.background {background-color:#f7224c;}
.border {border:1px solid #f7224c;}
Shades and Tints of #f7224c
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, #060001 is the darkest color, while #fff2f5 is the lightest one.
-
#060001
#060001
rgb(6,0,1)
-
#190106
#190106
rgb(25,1,6)
-
#2c020a
#2c020a
rgb(44,2,10)
-
#3f020e
#3f020e
rgb(63,2,14)
-
#520313
#520313
rgb(82,3,19)
-
#650417
#650417
rgb(101,4,23)
-
#78041b
#78041b
rgb(120,4,27)
-
#8b051f
#8b051f
rgb(139,5,31)
-
#9e0624
#9e0624
rgb(158,6,36)
-
#b10628
#b10628
rgb(177,6,40)
-
#c3072c
#c3072c
rgb(195,7,44)
-
#d60831
#d60831
rgb(214,8,49)
-
#e90835
#e90835
rgb(233,8,53)
-
#f60f3d
#f60f3d
rgb(246,15,61)
-
#f7224c
#f7224c
rgb(247,34,76)
-
#f8355b
#f8355b
rgb(248,53,91)
-
#f8486b
#f8486b
rgb(248,72,107)
-
#f95b7a
#f95b7a
rgb(249,91,122)
-
#fa6e89
#fa6e89
rgb(250,110,137)
-
#fa8199
#fa8199
rgb(250,129,153)
-
#fb94a8
#fb94a8
rgb(251,148,168)
-
#fca7b7
#fca7b7
rgb(252,167,183)
-
#fcb9c7
#fcb9c7
rgb(252,185,199)
-
#fdccd6
#fdccd6
rgb(253,204,214)
-
#fedfe5
#fedfe5
rgb(254,223,229)
-
#fff2f5
#fff2f5
rgb(255,242,245)
Tones of #f7224c
A tone is produced by adding gray to any pure hue. In this case, #8d8c8c is the less saturated color, while #f7224c is the most saturated one.
-
#8d8c8c
#8d8c8c
rgb(141,140,140)
-
#968387
#968387
rgb(150,131,135)
-
#9f7a81
#9f7a81
rgb(159,122,129)
-
#a8717c
#a8717c
rgb(168,113,124)
-
#b16877
#b16877
rgb(177,104,119)
-
#b96071
#b96071
rgb(185,96,113)
-
#c2576c
#c2576c
rgb(194,87,108)
-
#cb4e67
#cb4e67
rgb(203,78,103)
-
#d44561
#d44561
rgb(212,69,97)
-
#dd3c5c
#dd3c5c
rgb(221,60,92)
-
#e53457
#e53457
rgb(229,52,87)
-
#ee2b51
#ee2b51
rgb(238,43,81)
-
#f7224c
#f7224c
rgb(247,34,76)
Color Blindness Simulator
Below, you can see how #f7224c 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.