#ff0022 Color Information
In a RGB color space, hex #ff0022 is composed of 100% red, 0% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 86.7% yellow and 0% black. It has a hue angle of 352 degrees, a saturation of 100% and a lightness of 50%. #ff0022 color hex could be obtained by blending #ff0044 with #ff0000. Closest websafe color is: #ff0033.
-
- R 100
- G 0
- B 13
-
- C 0
- M 100
- Y 87
- K 0
● #ff0022 color description : Pure (or mostly pure) red.
#ff0022 Color Conversion
The hexadecimal color #ff0022 has RGB values of R:255, G:0, B:34 and CMYK values of C:0, M:1, Y:0.87, K:0. Its decimal value is 16711714.
Hex triplet | ff0022 | #ff0022 |
---|---|---|
RGB Decimal | 255, 0, 34 | rgb(255,0,34) |
RGB Percent | 100, 0, 13.3 | rgb(100%,0%,13.3%) |
CMYK | 0, 100, 87, 0 | |
HSL | 352°, 100, 50 | hsl(352,100%,50%) |
HSV (or HSB) | 352°, 100, 100 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 53.364, 80.432, 56.284 |
---|---|
XYZ | 41.531, 21.381, 3.454 |
xyY | 0.626, 0.322, 21.381 |
CIE-LCH | 53.364, 98.169, 34.983 |
CIE-LUV | 53.364, 172.047, 33.371 |
Hunter-Lab | 46.24, 79.404, 27.939 |
Binary | 11111111, 00000000, 00100010 |
Color Schemes with #ff0022
Alternatives to #ff0022
Below, you can see some colors close to #ff0022. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff0022 Preview
This text has a font color of #ff0022.
<span style="color:#ff0022;">Text here</span>
This paragraph has a background color of #ff0022.
<p style="background-color:#ff0022;">Content here</p>
This element has a border color of #ff0022.
<div style="border:1px solid #ff0022;">Content here</div>
.text {color:#ff0022;}
.background {background-color:#ff0022;}
.border {border:1px solid #ff0022;}
Shades and Tints of #ff0022
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, #140003 is the darkest color, while #ffffff is the lightest one.
-
#140003
#140003
rgb(20,0,3)
-
#270005
#270005
rgb(39,0,5)
-
#3b0008
#3b0008
rgb(59,0,8)
-
#4e000a
#4e000a
rgb(78,0,10)
-
#62000d
#62000d
rgb(98,0,13)
-
#760010
#760010
rgb(118,0,16)
-
#890012
#890012
rgb(137,0,18)
-
#9d0015
#9d0015
rgb(157,0,21)
-
#b10018
#b10018
rgb(177,0,24)
-
#c4001a
#c4001a
rgb(196,0,26)
-
#d8001d
#d8001d
rgb(216,0,29)
-
#eb001f
#eb001f
rgb(235,0,31)
-
#ff0022
#ff0022
rgb(255,0,34)
-
#ff1433
#ff1433
rgb(255,20,51)
-
#ff2744
#ff2744
rgb(255,39,68)
-
#ff3b55
#ff3b55
rgb(255,59,85)
-
#ff4e66
#ff4e66
rgb(255,78,102)
-
#ff6277
#ff6277
rgb(255,98,119)
-
#ff7688
#ff7688
rgb(255,118,136)
-
#ff8999
#ff8999
rgb(255,137,153)
-
#ff9daa
#ff9daa
rgb(255,157,170)
-
#ffb1bb
#ffb1bb
rgb(255,177,187)
-
#ffc4cc
#ffc4cc
rgb(255,196,204)
-
#ffd8dd
#ffd8dd
rgb(255,216,221)
-
#ffebee
#ffebee
rgb(255,235,238)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ff0022
A tone is produced by adding gray to any pure hue. In this case, #897678 is the less saturated color, while #ff0022 is the most saturated one.
-
#897678
#897678
rgb(137,118,120)
-
#936c71
#936c71
rgb(147,108,113)
-
#9d626a
#9d626a
rgb(157,98,106)
-
#a75863
#a75863
rgb(167,88,99)
-
#b14e5c
#b14e5c
rgb(177,78,92)
-
#ba4554
#ba4554
rgb(186,69,84)
-
#c43b4d
#c43b4d
rgb(196,59,77)
-
#ce3146
#ce3146
rgb(206,49,70)
-
#d8273f
#d8273f
rgb(216,39,63)
-
#e21d38
#e21d38
rgb(226,29,56)
-
#eb1430
#eb1430
rgb(235,20,48)
-
#f50a29
#f50a29
rgb(245,10,41)
-
#ff0022
#ff0022
rgb(255,0,34)
Color Blindness Simulator
Below, you can see how #ff0022 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.