#ff4a49 Color Information
In a RGB color space, hex #ff4a49 is composed of 100% red, 29% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71% magenta, 71.4% yellow and 0% black. It has a hue angle of 0.3 degrees, a saturation of 100% and a lightness of 64.3%. #ff4a49 color hex could be obtained by blending #ff9492 with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 29
- B 29
-
- C 0
- M 71
- Y 71
- K 0
● #ff4a49 color description : Light red.
#ff4a49 Color Conversion
The hexadecimal color #ff4a49 has RGB values of R:255, G:74, B:73 and CMYK values of C:0, M:0.71, Y:0.71, K:0. Its decimal value is 16730697.
Hex triplet | ff4a49 | #ff4a49 |
---|---|---|
RGB Decimal | 255, 74, 73 | rgb(255,74,73) |
RGB Percent | 100, 29, 28.6 | rgb(100%,29%,28.6%) |
CMYK | 0, 71, 71, 0 | |
HSL | 0.3°, 100, 64.3 | hsl(0.3,100%,64.3%) |
HSV (or HSB) | 0.3°, 71.4, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 58.643, 67.652, 41.31 |
---|---|
XYZ | 44.893, 26.644, 9.082 |
xyY | 0.557, 0.33, 26.644 |
CIE-LCH | 58.643, 79.268, 31.41 |
CIE-LUV | 58.643, 139.342, 30.435 |
Hunter-Lab | 51.618, 64.916, 25.701 |
Binary | 11111111, 01001010, 01001001 |
Color Schemes with #ff4a49
Alternatives to #ff4a49
Below, you can see some colors close to #ff4a49. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff4a49 Preview
This text has a font color of #ff4a49.
<span style="color:#ff4a49;">Text here</span>
This paragraph has a background color of #ff4a49.
<p style="background-color:#ff4a49;">Content here</p>
This element has a border color of #ff4a49.
<div style="border:1px solid #ff4a49;">Content here</div>
.text {color:#ff4a49;}
.background {background-color:#ff4a49;}
.border {border:1px solid #ff4a49;}
Shades and Tints of #ff4a49
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, #0e0000 is the darkest color, while #fffafa is the lightest one.
-
#0e0000
#0e0000
rgb(14,0,0)
-
#220000
#220000
rgb(34,0,0)
-
#350000
#350000
rgb(53,0,0)
-
#490000
#490000
rgb(73,0,0)
-
#5d0100
#5d0100
rgb(93,1,0)
-
#700100
#700100
rgb(112,1,0)
-
#840100
#840100
rgb(132,1,0)
-
#970100
#970100
rgb(151,1,0)
-
#ab0100
#ab0100
rgb(171,1,0)
-
#bf0100
#bf0100
rgb(191,1,0)
-
#d20100
#d20100
rgb(210,1,0)
-
#e60100
#e60100
rgb(230,1,0)
-
#fa0100
#fa0100
rgb(250,1,0)
-
#ff0f0e
#ff0f0e
rgb(255,15,14)
-
#ff2322
#ff2322
rgb(255,35,34)
-
#ff3635
#ff3635
rgb(255,54,53)
-
#ff4a49
#ff4a49
rgb(255,74,73)
-
#ff5e5d
#ff5e5d
rgb(255,94,93)
-
#ff7170
#ff7170
rgb(255,113,112)
-
#ff8584
#ff8584
rgb(255,133,132)
-
#ff9897
#ff9897
rgb(255,152,151)
-
#ffacab
#ffacab
rgb(255,172,171)
-
#ffbfbf
#ffbfbf
rgb(255,191,191)
-
#ffd3d2
#ffd3d2
rgb(255,211,210)
-
#ffe6e6
#ffe6e6
rgb(255,230,230)
-
#fffafa
#fffafa
rgb(255,250,250)
Tones of #ff4a49
A tone is produced by adding gray to any pure hue. In this case, #ab9d9d is the less saturated color, while #ff4a49 is the most saturated one.
-
#ab9d9d
#ab9d9d
rgb(171,157,157)
-
#b29696
#b29696
rgb(178,150,150)
-
#b98f8f
#b98f8f
rgb(185,143,143)
-
#c08888
#c08888
rgb(192,136,136)
-
#c78181
#c78181
rgb(199,129,129)
-
#ce7a7a
#ce7a7a
rgb(206,122,122)
-
#d57473
#d57473
rgb(213,116,115)
-
#dc6d6c
#dc6d6c
rgb(220,109,108)
-
#e36665
#e36665
rgb(227,102,101)
-
#ea5f5e
#ea5f5e
rgb(234,95,94)
-
#f15857
#f15857
rgb(241,88,87)
-
#f85150
#f85150
rgb(248,81,80)
-
#ff4a49
#ff4a49
rgb(255,74,73)
Color Blindness Simulator
Below, you can see how #ff4a49 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.