#ff2214 Color Information
In a RGB color space, hex #ff2214 is composed of 100% red, 13.3% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.7% magenta, 92.2% yellow and 0% black. It has a hue angle of 3.6 degrees, a saturation of 100% and a lightness of 53.9%. #ff2214 color hex could be obtained by blending #ff4428 with #ff0000. Closest websafe color is: #ff3300.
-
- R 100
- G 13
- B 8
-
- C 0
- M 87
- Y 92
- K 0
● #ff2214 color description : Vivid red.
#ff2214 Color Conversion
The hexadecimal color #ff2214 has RGB values of R:255, G:34, B:20 and CMYK values of C:0, M:0.87, Y:0.92, K:0. Its decimal value is 16720404.
Hex triplet | ff2214 | #ff2214 |
---|---|---|
RGB Decimal | 255, 34, 20 | rgb(255,34,20) |
RGB Percent | 100, 13.3, 7.8 | rgb(100%,13.3%,7.8%) |
CMYK | 0, 87, 92, 0 | |
HSL | 3.6°, 100, 53.9 | hsl(3.6,100%,53.9%) |
HSV (or HSB) | 3.6°, 92.2, 100 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 54.512, 76.728, 62.618 |
---|---|
XYZ | 41.941, 22.46, 2.789 |
xyY | 0.624, 0.334, 22.46 |
CIE-LCH | 54.512, 99.037, 39.218 |
CIE-LUV | 54.512, 166.833, 38.062 |
Hunter-Lab | 47.392, 75.031, 29.686 |
Binary | 11111111, 00100010, 00010100 |
Color Schemes with #ff2214
Alternatives to #ff2214
Below, you can see some colors close to #ff2214. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff2214 Preview
This text has a font color of #ff2214.
<span style="color:#ff2214;">Text here</span>
This paragraph has a background color of #ff2214.
<p style="background-color:#ff2214;">Content here</p>
This element has a border color of #ff2214.
<div style="border:1px solid #ff2214;">Content here</div>
.text {color:#ff2214;}
.background {background-color:#ff2214;}
.border {border:1px solid #ff2214;}
Shades and Tints of #ff2214
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, #000000 is the darkest color, while #ffedec is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#140100
#140100
rgb(20,1,0)
-
#280200
#280200
rgb(40,2,0)
-
#3b0400
#3b0400
rgb(59,4,0)
-
#4f0500
#4f0500
rgb(79,5,0)
-
#620600
#620600
rgb(98,6,0)
-
#760700
#760700
rgb(118,7,0)
-
#8a0800
#8a0800
rgb(138,8,0)
-
#9d0900
#9d0900
rgb(157,9,0)
-
#b10b00
#b10b00
rgb(177,11,0)
-
#c50c00
#c50c00
rgb(197,12,0)
-
#d80d00
#d80d00
rgb(216,13,0)
-
#ec0e00
#ec0e00
rgb(236,14,0)
-
#ff1000
#ff1000
rgb(255,16,0)
-
#ff2214
#ff2214
rgb(255,34,20)
-
#ff3428
#ff3428
rgb(255,52,40)
-
#ff473b
#ff473b
rgb(255,71,59)
-
#ff594f
#ff594f
rgb(255,89,79)
-
#ff6c62
#ff6c62
rgb(255,108,98)
-
#ff7e76
#ff7e76
rgb(255,126,118)
-
#ff918a
#ff918a
rgb(255,145,138)
-
#ffa39d
#ffa39d
rgb(255,163,157)
-
#ffb6b1
#ffb6b1
rgb(255,182,177)
-
#ffc8c5
#ffc8c5
rgb(255,200,197)
-
#ffdad8
#ffdad8
rgb(255,218,216)
-
#ffedec
#ffedec
rgb(255,237,236)
Tones of #ff2214
A tone is produced by adding gray to any pure hue. In this case, #938280 is the less saturated color, while #ff2214 is the most saturated one.
-
#938280
#938280
rgb(147,130,128)
-
#9c7a77
#9c7a77
rgb(156,122,119)
-
#a5726e
#a5726e
rgb(165,114,110)
-
#ae6a65
#ae6a65
rgb(174,106,101)
-
#b7625c
#b7625c
rgb(183,98,92)
-
#c05a53
#c05a53
rgb(192,90,83)
-
#c9524a
#c9524a
rgb(201,82,74)
-
#d24a41
#d24a41
rgb(210,74,65)
-
#db4238
#db4238
rgb(219,66,56)
-
#e43a2f
#e43a2f
rgb(228,58,47)
-
#ed3226
#ed3226
rgb(237,50,38)
-
#f62a1d
#f62a1d
rgb(246,42,29)
-
#ff2214
#ff2214
rgb(255,34,20)
Color Blindness Simulator
Below, you can see how #ff2214 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.