#ff1f1e Color Information
In a RGB color space, hex #ff1f1e is composed of 100% red, 12.2% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.8% magenta, 88.2% yellow and 0% black. It has a hue angle of 0.3 degrees, a saturation of 100% and a lightness of 55.9%. #ff1f1e color hex could be obtained by blending #ff3e3c with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 12
- B 12
-
- C 0
- M 88
- Y 88
- K 0
● #ff1f1e color description : Vivid red.
#ff1f1e Color Conversion
The hexadecimal color #ff1f1e has RGB values of R:255, G:31, B:30 and CMYK values of C:0, M:0.88, Y:0.88, K:0. Its decimal value is 16719646.
Hex triplet | ff1f1e | #ff1f1e |
---|---|---|
RGB Decimal | 255, 31, 30 | rgb(255,31,30) |
RGB Percent | 100, 12.2, 11.8 | rgb(100%,12.2%,11.8%) |
CMYK | 0, 88, 88, 0 | |
HSL | 0.3°, 100, 55.9 | hsl(0.3,100%,55.9%) |
HSV (or HSB) | 0.3°, 88.2, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 54.385, 77.353, 58.806 |
---|---|
XYZ | 41.967, 22.339, 3.331 |
xyY | 0.62, 0.33, 22.339 |
CIE-LCH | 54.385, 97.168, 37.243 |
CIE-LUV | 54.385, 166.763, 36.141 |
Hunter-Lab | 47.264, 75.78, 28.907 |
Binary | 11111111, 00011111, 00011110 |
Color Schemes with #ff1f1e
Alternatives to #ff1f1e
Below, you can see some colors close to #ff1f1e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff1f1e Preview
This text has a font color of #ff1f1e.
<span style="color:#ff1f1e;">Text here</span>
This paragraph has a background color of #ff1f1e.
<p style="background-color:#ff1f1e;">Content here</p>
This element has a border color of #ff1f1e.
<div style="border:1px solid #ff1f1e;">Content here</div>
.text {color:#ff1f1e;}
.background {background-color:#ff1f1e;}
.border {border:1px solid #ff1f1e;}
Shades and Tints of #ff1f1e
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, #0a0000 is the darkest color, while #fff6f6 is the lightest one.
-
#0a0000
#0a0000
rgb(10,0,0)
-
#1e0000
#1e0000
rgb(30,0,0)
-
#320000
#320000
rgb(50,0,0)
-
#450000
#450000
rgb(69,0,0)
-
#590000
#590000
rgb(89,0,0)
-
#6c0000
#6c0000
rgb(108,0,0)
-
#800100
#800100
rgb(128,1,0)
-
#940100
#940100
rgb(148,1,0)
-
#a70100
#a70100
rgb(167,1,0)
-
#bb0100
#bb0100
rgb(187,1,0)
-
#cf0100
#cf0100
rgb(207,1,0)
-
#e20100
#e20100
rgb(226,1,0)
-
#f60100
#f60100
rgb(246,1,0)
-
#ff0b0a
#ff0b0a
rgb(255,11,10)
-
#ff1f1e
#ff1f1e
rgb(255,31,30)
-
#ff3332
#ff3332
rgb(255,51,50)
-
#ff4645
#ff4645
rgb(255,70,69)
-
#ff5a59
#ff5a59
rgb(255,90,89)
-
#ff6d6c
#ff6d6c
rgb(255,109,108)
-
#ff8180
#ff8180
rgb(255,129,128)
-
#ff9494
#ff9494
rgb(255,148,148)
-
#ffa8a7
#ffa8a7
rgb(255,168,167)
-
#ffbbbb
#ffbbbb
rgb(255,187,187)
-
#ffcfcf
#ffcfcf
rgb(255,207,207)
-
#ffe2e2
#ffe2e2
rgb(255,226,226)
-
#fff6f6
#fff6f6
rgb(255,246,246)
Tones of #ff1f1e
A tone is produced by adding gray to any pure hue. In this case, #978686 is the less saturated color, while #ff1f1e is the most saturated one.
-
#978686
#978686
rgb(151,134,134)
-
#a07d7d
#a07d7d
rgb(160,125,125)
-
#a87575
#a87575
rgb(168,117,117)
-
#b16c6c
#b16c6c
rgb(177,108,108)
-
#ba6463
#ba6463
rgb(186,100,99)
-
#c25b5b
#c25b5b
rgb(194,91,91)
-
#cb5252
#cb5252
rgb(203,82,82)
-
#d44a49
#d44a49
rgb(212,74,73)
-
#dc4141
#dc4141
rgb(220,65,65)
-
#e53938
#e53938
rgb(229,57,56)
-
#ee302f
#ee302f
rgb(238,48,47)
-
#f62827
#f62827
rgb(246,40,39)
-
#ff1f1e
#ff1f1e
rgb(255,31,30)
Color Blindness Simulator
Below, you can see how #ff1f1e 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.