#ff220a Color Information
In a RGB color space, hex #ff220a is composed of 100% red, 13.3% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.7% magenta, 96.1% yellow and 0% black. It has a hue angle of 5.9 degrees, a saturation of 100% and a lightness of 52%. #ff220a color hex could be obtained by blending #ff4414 with #ff0000. Closest websafe color is: #ff3300.
-
- R 100
- G 13
- B 4
-
- C 0
- M 87
- Y 96
- K 0
● #ff220a color description : Vivid red.
#ff220a Color Conversion
The hexadecimal color #ff220a has RGB values of R:255, G:34, B:10 and CMYK values of C:0, M:0.87, Y:0.96, K:0. Its decimal value is 16720394.
Hex triplet | ff220a | #ff220a |
---|---|---|
RGB Decimal | 255, 34, 10 | rgb(255,34,10) |
RGB Percent | 100, 13.3, 3.9 | rgb(100%,13.3%,3.9%) |
CMYK | 0, 87, 96, 0 | |
HSL | 5.9°, 100, 52 | hsl(5.9,100%,52%) |
HSV (or HSB) | 5.9°, 96.1, 100 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 54.482, 76.641, 65.348 |
---|---|
XYZ | 41.869, 22.431, 2.412 |
xyY | 0.628, 0.336, 22.431 |
CIE-LCH | 54.482, 100.718, 40.452 |
CIE-LUV | 54.482, 167.513, 39.131 |
Hunter-Lab | 47.362, 74.915, 30.133 |
Binary | 11111111, 00100010, 00001010 |
Color Schemes with #ff220a
Alternatives to #ff220a
Below, you can see some colors close to #ff220a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff220a Preview
This text has a font color of #ff220a.
<span style="color:#ff220a;">Text here</span>
This paragraph has a background color of #ff220a.
<p style="background-color:#ff220a;">Content here</p>
This element has a border color of #ff220a.
<div style="border:1px solid #ff220a;">Content here</div>
.text {color:#ff220a;}
.background {background-color:#ff220a;}
.border {border:1px solid #ff220a;}
Shades and Tints of #ff220a
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, #0a0100 is the darkest color, while #fff6f5 is the lightest one.
-
#0a0100
#0a0100
rgb(10,1,0)
-
#1e0300
#1e0300
rgb(30,3,0)
-
#310500
#310500
rgb(49,5,0)
-
#450700
#450700
rgb(69,7,0)
-
#580900
#580900
rgb(88,9,0)
-
#6c0b00
#6c0b00
rgb(108,11,0)
-
#800d00
#800d00
rgb(128,13,0)
-
#930e00
#930e00
rgb(147,14,0)
-
#a71000
#a71000
rgb(167,16,0)
-
#bb1200
#bb1200
rgb(187,18,0)
-
#ce1400
#ce1400
rgb(206,20,0)
-
#e21600
#e21600
rgb(226,22,0)
-
#f51800
#f51800
rgb(245,24,0)
-
#ff220a
#ff220a
rgb(255,34,10)
-
#ff341e
#ff341e
rgb(255,52,30)
-
#ff4531
#ff4531
rgb(255,69,49)
-
#ff5745
#ff5745
rgb(255,87,69)
-
#ff6958
#ff6958
rgb(255,105,88)
-
#ff7a6c
#ff7a6c
rgb(255,122,108)
-
#ff8c80
#ff8c80
rgb(255,140,128)
-
#ff9e93
#ff9e93
rgb(255,158,147)
-
#ffb0a7
#ffb0a7
rgb(255,176,167)
-
#ffc1bb
#ffc1bb
rgb(255,193,187)
-
#ffd3ce
#ffd3ce
rgb(255,211,206)
-
#ffe5e2
#ffe5e2
rgb(255,229,226)
-
#fff6f5
#fff6f5
rgb(255,246,245)
Tones of #ff220a
A tone is produced by adding gray to any pure hue. In this case, #8e7d7b is the less saturated color, while #ff220a is the most saturated one.
-
#8e7d7b
#8e7d7b
rgb(142,125,123)
-
#977572
#977572
rgb(151,117,114)
-
#a16e68
#a16e68
rgb(161,110,104)
-
#aa665f
#aa665f
rgb(170,102,95)
-
#b45f55
#b45f55
rgb(180,95,85)
-
#bd574c
#bd574c
rgb(189,87,76)
-
#c64f43
#c64f43
rgb(198,79,67)
-
#d04839
#d04839
rgb(208,72,57)
-
#d94030
#d94030
rgb(217,64,48)
-
#e33926
#e33926
rgb(227,57,38)
-
#ec311d
#ec311d
rgb(236,49,29)
-
#f62a13
#f62a13
rgb(246,42,19)
-
#ff220a
#ff220a
rgb(255,34,10)
Color Blindness Simulator
Below, you can see how #ff220a 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.