#ff422a Color Information
In a RGB color space, hex #ff422a is composed of 100% red, 25.9% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.1% magenta, 83.5% yellow and 0% black. It has a hue angle of 6.8 degrees, a saturation of 100% and a lightness of 58.2%. #ff422a color hex could be obtained by blending #ff8454 with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 26
- B 16
-
- C 0
- M 74
- Y 84
- K 0
● #ff422a color description : Vivid red.
#ff422a Color Conversion
The hexadecimal color #ff422a has RGB values of R:255, G:66, B:42 and CMYK values of C:0, M:0.74, Y:0.84, K:0. Its decimal value is 16728618.
Hex triplet | ff422a | #ff422a |
---|---|---|
RGB Decimal | 255, 66, 42 | rgb(255,66,42) |
RGB Percent | 100, 25.9, 16.5 | rgb(100%,25.9%,16.5%) |
CMYK | 0, 74, 84, 0 | |
HSL | 6.8°, 100, 58.2 | hsl(6.8,100%,58.2%) |
HSV (or HSB) | 6.8°, 83.5, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 57.395, 69.283, 55.973 |
---|---|
XYZ | 43.608, 25.329, 4.783 |
xyY | 0.592, 0.344, 25.329 |
CIE-LCH | 57.395, 89.068, 38.934 |
CIE-LUV | 57.395, 149.605, 38.985 |
Hunter-Lab | 50.328, 66.594, 29.595 |
Binary | 11111111, 01000010, 00101010 |
Color Schemes with #ff422a
Alternatives to #ff422a
Below, you can see some colors close to #ff422a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff422a Preview
This text has a font color of #ff422a.
<span style="color:#ff422a;">Text here</span>
This paragraph has a background color of #ff422a.
<p style="background-color:#ff422a;">Content here</p>
This element has a border color of #ff422a.
<div style="border:1px solid #ff422a;">Content here</div>
.text {color:#ff422a;}
.background {background-color:#ff422a;}
.border {border:1px solid #ff422a;}
Shades and Tints of #ff422a
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, #030000 is the darkest color, while #fff0ee is the lightest one.
-
#030000
#030000
rgb(3,0,0)
-
#160300
#160300
rgb(22,3,0)
-
#2a0500
#2a0500
rgb(42,5,0)
-
#3e0700
#3e0700
rgb(62,7,0)
-
#510900
#510900
rgb(81,9,0)
-
#650b00
#650b00
rgb(101,11,0)
-
#780e00
#780e00
rgb(120,14,0)
-
#8c1000
#8c1000
rgb(140,16,0)
-
#a01200
#a01200
rgb(160,18,0)
-
#b31400
#b31400
rgb(179,20,0)
-
#c71600
#c71600
rgb(199,22,0)
-
#db1900
#db1900
rgb(219,25,0)
-
#ee1b00
#ee1b00
rgb(238,27,0)
-
#ff1f03
#ff1f03
rgb(255,31,3)
-
#ff3116
#ff3116
rgb(255,49,22)
-
#ff422a
#ff422a
rgb(255,66,42)
-
#ff533e
#ff533e
rgb(255,83,62)
-
#ff6551
#ff6551
rgb(255,101,81)
-
#ff7665
#ff7665
rgb(255,118,101)
-
#ff8878
#ff8878
rgb(255,136,120)
-
#ff998c
#ff998c
rgb(255,153,140)
-
#ffaaa0
#ffaaa0
rgb(255,170,160)
-
#ffbcb3
#ffbcb3
rgb(255,188,179)
-
#ffcdc7
#ffcdc7
rgb(255,205,199)
-
#ffdfdb
#ffdfdb
rgb(255,223,219)
-
#fff0ee
#fff0ee
rgb(255,240,238)
Tones of #ff422a
A tone is produced by adding gray to any pure hue. In this case, #9d8e8c is the less saturated color, while #ff422a is the most saturated one.
-
#9d8e8c
#9d8e8c
rgb(157,142,140)
-
#a58884
#a58884
rgb(165,136,132)
-
#ad817c
#ad817c
rgb(173,129,124)
-
#b57b74
#b57b74
rgb(181,123,116)
-
#bd756c
#bd756c
rgb(189,117,108)
-
#c66e63
#c66e63
rgb(198,110,99)
-
#ce685b
#ce685b
rgb(206,104,91)
-
#d66253
#d66253
rgb(214,98,83)
-
#de5b4b
#de5b4b
rgb(222,91,75)
-
#e65543
#e65543
rgb(230,85,67)
-
#ef4f3a
#ef4f3a
rgb(239,79,58)
-
#f74832
#f74832
rgb(247,72,50)
-
#ff422a
#ff422a
rgb(255,66,42)
Color Blindness Simulator
Below, you can see how #ff422a 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.