#ff1946 Color Information
In a RGB color space, hex #ff1946 is composed of 100% red, 9.8% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.2% magenta, 72.5% yellow and 0% black. It has a hue angle of 348.3 degrees, a saturation of 100% and a lightness of 54.9%. #ff1946 color hex could be obtained by blending #ff328c with #ff0000. Closest websafe color is: #ff0033.
-
- R 100
- G 10
- B 27
-
- C 0
- M 90
- Y 73
- K 0
● #ff1946 color description : Vivid red.
#ff1946 Color Conversion
The hexadecimal color #ff1946 has RGB values of R:255, G:25, B:70 and CMYK values of C:0, M:0.9, Y:0.73, K:0. Its decimal value is 16718150.
Hex triplet | ff1946 | #ff1946 |
---|---|---|
RGB Decimal | 255, 25, 70 | rgb(255,25,70) |
RGB Percent | 100, 9.8, 27.5 | rgb(100%,9.8%,27.5%) |
CMYK | 0, 90, 73, 0 | |
HSL | 348.3°, 100, 54.9 | hsl(348.3,100%,54.9%) |
HSV (or HSB) | 348.3°, 90.2, 100 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 54.452, 79.256, 38.157 |
---|---|
XYZ | 42.695, 22.403, 7.87 |
xyY | 0.585, 0.307, 22.403 |
CIE-LCH | 54.452, 87.963, 25.708 |
CIE-LUV | 54.452, 160.418, 23.208 |
Hunter-Lab | 47.332, 78.184, 23.274 |
Binary | 11111111, 00011001, 01000110 |
Color Schemes with #ff1946
Alternatives to #ff1946
Below, you can see some colors close to #ff1946. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff1946 Preview
This text has a font color of #ff1946.
<span style="color:#ff1946;">Text here</span>
This paragraph has a background color of #ff1946.
<p style="background-color:#ff1946;">Content here</p>
This element has a border color of #ff1946.
<div style="border:1px solid #ff1946;">Content here</div>
.text {color:#ff1946;}
.background {background-color:#ff1946;}
.border {border:1px solid #ff1946;}
Shades and Tints of #ff1946
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, #050001 is the darkest color, while #fff1f4 is the lightest one.
-
#050001
#050001
rgb(5,0,1)
-
#190005
#190005
rgb(25,0,5)
-
#2d0009
#2d0009
rgb(45,0,9)
-
#40000d
#40000d
rgb(64,0,13)
-
#540010
#540010
rgb(84,0,16)
-
#670014
#670014
rgb(103,0,20)
-
#7b0018
#7b0018
rgb(123,0,24)
-
#8f001c
#8f001c
rgb(143,0,28)
-
#a20020
#a20020
rgb(162,0,32)
-
#b60024
#b60024
rgb(182,0,36)
-
#ca0027
#ca0027
rgb(202,0,39)
-
#dd002b
#dd002b
rgb(221,0,43)
-
#f1002f
#f1002f
rgb(241,0,47)
-
#ff0536
#ff0536
rgb(255,5,54)
-
#ff1946
#ff1946
rgb(255,25,70)
-
#ff2d56
#ff2d56
rgb(255,45,86)
-
#ff4066
#ff4066
rgb(255,64,102)
-
#ff5475
#ff5475
rgb(255,84,117)
-
#ff6785
#ff6785
rgb(255,103,133)
-
#ff7b95
#ff7b95
rgb(255,123,149)
-
#ff8fa5
#ff8fa5
rgb(255,143,165)
-
#ffa2b4
#ffa2b4
rgb(255,162,180)
-
#ffb6c4
#ffb6c4
rgb(255,182,196)
-
#ffcad4
#ffcad4
rgb(255,202,212)
-
#ffdde4
#ffdde4
rgb(255,221,228)
-
#fff1f4
#fff1f4
rgb(255,241,244)
Tones of #ff1946
A tone is produced by adding gray to any pure hue. In this case, #958387 is the less saturated color, while #ff1946 is the most saturated one.
-
#958387
#958387
rgb(149,131,135)
-
#9e7a81
#9e7a81
rgb(158,122,129)
-
#a7717c
#a7717c
rgb(167,113,124)
-
#af6976
#af6976
rgb(175,105,118)
-
#b86071
#b86071
rgb(184,96,113)
-
#c1576c
#c1576c
rgb(193,87,108)
-
#ca4e66
#ca4e66
rgb(202,78,102)
-
#d34561
#d34561
rgb(211,69,97)
-
#dc3c5c
#dc3c5c
rgb(220,60,92)
-
#e43456
#e43456
rgb(228,52,86)
-
#ed2b51
#ed2b51
rgb(237,43,81)
-
#f6224b
#f6224b
rgb(246,34,75)
-
#ff1946
#ff1946
rgb(255,25,70)
Color Blindness Simulator
Below, you can see how #ff1946 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.