#ff4a46 Color Information
In a RGB color space, hex #ff4a46 is composed of 100% red, 29% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71% magenta, 72.5% yellow and 0% black. It has a hue angle of 1.3 degrees, a saturation of 100% and a lightness of 63.7%. #ff4a46 color hex could be obtained by blending #ff948c with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 29
- B 27
-
- C 0
- M 71
- Y 73
- K 0
● #ff4a46 color description : Light red.
#ff4a46 Color Conversion
The hexadecimal color #ff4a46 has RGB values of R:255, G:74, B:70 and CMYK values of C:0, M:0.71, Y:0.73, K:0. Its decimal value is 16730694.
Hex triplet | ff4a46 | #ff4a46 |
---|---|---|
RGB Decimal | 255, 74, 70 | rgb(255,74,70) |
RGB Percent | 100, 29, 27.5 | rgb(100%,29%,27.5%) |
CMYK | 0, 71, 73, 0 | |
HSL | 1.3°, 100, 63.7 | hsl(1.3,100%,63.7%) |
HSV (or HSB) | 1.3°, 72.5, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 58.607, 67.528, 42.92 |
---|---|
XYZ | 44.796, 26.605, 8.571 |
xyY | 0.56, 0.333, 26.605 |
CIE-LCH | 58.607, 80.013, 32.44 |
CIE-LUV | 58.607, 139.993, 31.674 |
Hunter-Lab | 51.58, 64.759, 26.254 |
Binary | 11111111, 01001010, 01000110 |
Color Schemes with #ff4a46
Alternatives to #ff4a46
Below, you can see some colors close to #ff4a46. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff4a46 Preview
This text has a font color of #ff4a46.
<span style="color:#ff4a46;">Text here</span>
This paragraph has a background color of #ff4a46.
<p style="background-color:#ff4a46;">Content here</p>
This element has a border color of #ff4a46.
<div style="border:1px solid #ff4a46;">Content here</div>
.text {color:#ff4a46;}
.background {background-color:#ff4a46;}
.border {border:1px solid #ff4a46;}
Shades and Tints of #ff4a46
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, #0b0000 is the darkest color, while #fff7f7 is the lightest one.
-
#0b0000
#0b0000
rgb(11,0,0)
-
#1f0100
#1f0100
rgb(31,1,0)
-
#320100
#320100
rgb(50,1,0)
-
#460200
#460200
rgb(70,2,0)
-
#5a0200
#5a0200
rgb(90,2,0)
-
#6d0200
#6d0200
rgb(109,2,0)
-
#810300
#810300
rgb(129,3,0)
-
#940300
#940300
rgb(148,3,0)
-
#a80400
#a80400
rgb(168,4,0)
-
#bc0400
#bc0400
rgb(188,4,0)
-
#cf0400
#cf0400
rgb(207,4,0)
-
#e30500
#e30500
rgb(227,5,0)
-
#f70500
#f70500
rgb(247,5,0)
-
#ff100b
#ff100b
rgb(255,16,11)
-
#ff241f
#ff241f
rgb(255,36,31)
-
#ff3732
#ff3732
rgb(255,55,50)
-
#ff4a46
#ff4a46
rgb(255,74,70)
-
#ff5d5a
#ff5d5a
rgb(255,93,90)
-
#ff706d
#ff706d
rgb(255,112,109)
-
#ff8481
#ff8481
rgb(255,132,129)
-
#ff9794
#ff9794
rgb(255,151,148)
-
#ffaaa8
#ffaaa8
rgb(255,170,168)
-
#ffbdbc
#ffbdbc
rgb(255,189,188)
-
#ffd0cf
#ffd0cf
rgb(255,208,207)
-
#ffe4e3
#ffe4e3
rgb(255,228,227)
-
#fff7f7
#fff7f7
rgb(255,247,247)
Tones of #ff4a46
A tone is produced by adding gray to any pure hue. In this case, #aa9c9b is the less saturated color, while #ff4a46 is the most saturated one.
-
#aa9c9b
#aa9c9b
rgb(170,156,155)
-
#b19594
#b19594
rgb(177,149,148)
-
#b88e8d
#b88e8d
rgb(184,142,141)
-
#bf8786
#bf8786
rgb(191,135,134)
-
#c6807f
#c6807f
rgb(198,128,127)
-
#cd7a78
#cd7a78
rgb(205,122,120)
-
#d47371
#d47371
rgb(212,115,113)
-
#db6c6a
#db6c6a
rgb(219,108,106)
-
#e36562
#e36562
rgb(227,101,98)
-
#ea5e5b
#ea5e5b
rgb(234,94,91)
-
#f15854
#f15854
rgb(241,88,84)
-
#f8514d
#f8514d
rgb(248,81,77)
-
#ff4a46
#ff4a46
rgb(255,74,70)
Color Blindness Simulator
Below, you can see how #ff4a46 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.