#ff221c Color Information
In a RGB color space, hex #ff221c is composed of 100% red, 13.3% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.7% magenta, 89% yellow and 0% black. It has a hue angle of 1.6 degrees, a saturation of 100% and a lightness of 55.5%. #ff221c color hex could be obtained by blending #ff4438 with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 13
- B 11
-
- C 0
- M 87
- Y 89
- K 0
● #ff221c color description : Vivid red.
#ff221c Color Conversion
The hexadecimal color #ff221c has RGB values of R:255, G:34, B:28 and CMYK values of C:0, M:0.87, Y:0.89, K:0. Its decimal value is 16720412.
Hex triplet | ff221c | #ff221c |
---|---|---|
RGB Decimal | 255, 34, 28 | rgb(255,34,28) |
RGB Percent | 100, 13.3, 11 | rgb(100%,13.3%,11%) |
CMYK | 0, 87, 89, 0 | |
HSL | 1.6°, 100, 55.5 | hsl(1.6,100%,55.5%) |
HSV (or HSB) | 1.6°, 89, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 54.547, 76.83, 59.735 |
---|---|
XYZ | 42.024, 22.493, 3.228 |
xyY | 0.62, 0.332, 22.493 |
CIE-LCH | 54.547, 97.32, 37.865 |
CIE-LUV | 54.547, 166.047, 36.826 |
Hunter-Lab | 47.427, 75.166, 29.164 |
Binary | 11111111, 00100010, 00011100 |
Color Schemes with #ff221c
Alternatives to #ff221c
Below, you can see some colors close to #ff221c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff221c Preview
This text has a font color of #ff221c.
<span style="color:#ff221c;">Text here</span>
This paragraph has a background color of #ff221c.
<p style="background-color:#ff221c;">Content here</p>
This element has a border color of #ff221c.
<div style="border:1px solid #ff221c;">Content here</div>
.text {color:#ff221c;}
.background {background-color:#ff221c;}
.border {border:1px solid #ff221c;}
Shades and Tints of #ff221c
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, #080000 is the darkest color, while #fff4f4 is the lightest one.
-
#080000
#080000
rgb(8,0,0)
-
#1c0100
#1c0100
rgb(28,1,0)
-
#300100
#300100
rgb(48,1,0)
-
#430200
#430200
rgb(67,2,0)
-
#570200
#570200
rgb(87,2,0)
-
#6a0300
#6a0300
rgb(106,3,0)
-
#7e0300
#7e0300
rgb(126,3,0)
-
#920400
#920400
rgb(146,4,0)
-
#a50400
#a50400
rgb(165,4,0)
-
#b90500
#b90500
rgb(185,5,0)
-
#cd0500
#cd0500
rgb(205,5,0)
-
#e00600
#e00600
rgb(224,6,0)
-
#f40600
#f40600
rgb(244,6,0)
-
#ff0f08
#ff0f08
rgb(255,15,8)
-
#ff221c
#ff221c
rgb(255,34,28)
-
#ff3530
#ff3530
rgb(255,53,48)
-
#ff4843
#ff4843
rgb(255,72,67)
-
#ff5b57
#ff5b57
rgb(255,91,87)
-
#ff6e6a
#ff6e6a
rgb(255,110,106)
-
#ff817e
#ff817e
rgb(255,129,126)
-
#ff9592
#ff9592
rgb(255,149,146)
-
#ffa8a5
#ffa8a5
rgb(255,168,165)
-
#ffbbb9
#ffbbb9
rgb(255,187,185)
-
#ffcecd
#ffcecd
rgb(255,206,205)
-
#ffe1e0
#ffe1e0
rgb(255,225,224)
-
#fff4f4
#fff4f4
rgb(255,244,244)
Tones of #ff221c
A tone is produced by adding gray to any pure hue. In this case, #968585 is the less saturated color, while #ff221c is the most saturated one.
-
#968585
#968585
rgb(150,133,133)
-
#9f7d7c
#9f7d7c
rgb(159,125,124)
-
#a87573
#a87573
rgb(168,117,115)
-
#b06c6b
#b06c6b
rgb(176,108,107)
-
#b96462
#b96462
rgb(185,100,98)
-
#c25c59
#c25c59
rgb(194,92,89)
-
#cb5450
#cb5450
rgb(203,84,80)
-
#d34b48
#d34b48
rgb(211,75,72)
-
#dc433f
#dc433f
rgb(220,67,63)
-
#e53b36
#e53b36
rgb(229,59,54)
-
#ee332d
#ee332d
rgb(238,51,45)
-
#f62a25
#f62a25
rgb(246,42,37)
-
#ff221c
#ff221c
rgb(255,34,28)
Color Blindness Simulator
Below, you can see how #ff221c 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.