#ff224d Color Information
In a RGB color space, hex #ff224d is composed of 100% red, 13.3% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.7% magenta, 69.8% yellow and 0% black. It has a hue angle of 348.3 degrees, a saturation of 100% and a lightness of 56.7%. #ff224d color hex could be obtained by blending #ff449a with #ff0000. Closest websafe color is: #ff3366.
-
- R 100
- G 13
- B 30
-
- C 0
- M 87
- Y 70
- K 0
● #ff224d color description : Vivid red.
#ff224d Color Conversion
The hexadecimal color #ff224d has RGB values of R:255, G:34, B:77 and CMYK values of C:0, M:0.87, Y:0.7, K:0. Its decimal value is 16720461.
Hex triplet | ff224d | #ff224d |
---|---|---|
RGB Decimal | 255, 34, 77 | rgb(255,34,77) |
RGB Percent | 100, 13.3, 30.2 | rgb(100%,13.3%,30.2%) |
CMYK | 0, 87, 70, 0 | |
HSL | 348.3°, 100, 56.7 | hsl(348.3,100%,56.7%) |
HSV (or HSB) | 348.3°, 86.7, 100 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 55.016, 78.19, 34.751 |
---|---|
XYZ | 43.154, 22.945, 9.177 |
xyY | 0.573, 0.305, 22.945 |
CIE-LCH | 55.016, 85.565, 23.962 |
CIE-LUV | 55.016, 156.083, 21.051 |
Hunter-Lab | 47.901, 76.981, 22.171 |
Binary | 11111111, 00100010, 01001101 |
Color Schemes with #ff224d
Alternatives to #ff224d
Below, you can see some colors close to #ff224d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff224d Preview
This text has a font color of #ff224d.
<span style="color:#ff224d;">Text here</span>
This paragraph has a background color of #ff224d.
<p style="background-color:#ff224d;">Content here</p>
This element has a border color of #ff224d.
<div style="border:1px solid #ff224d;">Content here</div>
.text {color:#ff224d;}
.background {background-color:#ff224d;}
.border {border:1px solid #ff224d;}
Shades and Tints of #ff224d
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, #0e0003 is the darkest color, while #fffafb is the lightest one.
-
#0e0003
#0e0003
rgb(14,0,3)
-
#220007
#220007
rgb(34,0,7)
-
#36000a
#36000a
rgb(54,0,10)
-
#49000e
#49000e
rgb(73,0,14)
-
#5d0012
#5d0012
rgb(93,0,18)
-
#700016
#700016
rgb(112,0,22)
-
#84001a
#84001a
rgb(132,0,26)
-
#98001e
#98001e
rgb(152,0,30)
-
#ab0021
#ab0021
rgb(171,0,33)
-
#bf0025
#bf0025
rgb(191,0,37)
-
#d30029
#d30029
rgb(211,0,41)
-
#e6002d
#e6002d
rgb(230,0,45)
-
#fa0031
#fa0031
rgb(250,0,49)
-
#ff0e3d
#ff0e3d
rgb(255,14,61)
-
#ff224d
#ff224d
rgb(255,34,77)
-
#ff365d
#ff365d
rgb(255,54,93)
-
#ff496d
#ff496d
rgb(255,73,109)
-
#ff5d7c
#ff5d7c
rgb(255,93,124)
-
#ff708c
#ff708c
rgb(255,112,140)
-
#ff849c
#ff849c
rgb(255,132,156)
-
#ff98ac
#ff98ac
rgb(255,152,172)
-
#ffabbc
#ffabbc
rgb(255,171,188)
-
#ffbfcb
#ffbfcb
rgb(255,191,203)
-
#ffd3db
#ffd3db
rgb(255,211,219)
-
#ffe6eb
#ffe6eb
rgb(255,230,235)
-
#fffafb
#fffafb
rgb(255,250,251)
Tones of #ff224d
A tone is produced by adding gray to any pure hue. In this case, #99888b is the less saturated color, while #ff224d is the most saturated one.
-
#99888b
#99888b
rgb(153,136,139)
-
#a28086
#a28086
rgb(162,128,134)
-
#aa7781
#aa7781
rgb(170,119,129)
-
#b36f7c
#b36f7c
rgb(179,111,124)
-
#bb6677
#bb6677
rgb(187,102,119)
-
#c45e71
#c45e71
rgb(196,94,113)
-
#cc556c
#cc556c
rgb(204,85,108)
-
#d54d67
#d54d67
rgb(213,77,103)
-
#dd4462
#dd4462
rgb(221,68,98)
-
#e63c5d
#e63c5d
rgb(230,60,93)
-
#ee3357
#ee3357
rgb(238,51,87)
-
#f72b52
#f72b52
rgb(247,43,82)
-
#ff224d
#ff224d
rgb(255,34,77)
Color Blindness Simulator
Below, you can see how #ff224d 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.