#ff1e1f hex color

In a RGB color space, hex #ff1e1f is composed of 100% red, 11.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.2% magenta, 87.8% yellow and 0% black. It has a hue angle of 359.7 degrees, a saturation of 100% and a lightness of 55.9%. #ff1e1f color hex could be obtained by blending #ff3c3e with #ff0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 100
- G 12
- B 12
RGB color chart
- C 0
- M 88
- Y 88
- K 0
CMYK color chart

● #ff1e1f color description : Vivid red.

The hexadecimal color #ff1e1f has RGB values of R:255, G:30, B:31 and CMYK values of C:0, M:0.88, Y:0.88, K:0. Its decimal value is 16719391.

Hex triplet	ff1e1f	`#ff1e1f`
RGB Decimal	255, 30, 31	`rgb(255,30,31)`
RGB Percent	100, 11.8, 12.2	`rgb(100%,11.8%,12.2%)`
CMYK	0, 88, 88, 0
HSL	359.7°, 100, 55.9	`hsl(359.7,100%,55.9%)`
HSV (or HSB)	359.7°, 88.2, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.337, 77.524, 58.35
XYZ	41.954, 22.293, 3.39
xyY	0.62, 0.33, 22.293
CIE-LCH	54.337, 97.029, 36.968
CIE-LUV	54.337, 166.938, 35.848
Hunter-Lab	47.215, 75.981, 28.794
Binary	11111111, 00011110, 00011111

#ff1e1f
```
#ff1e1f rgb(255,30,31)
```
#1efffe
```
#1efffe rgb(30,255,254)
```

Complementary Color

#ff1e90
```
#ff1e90 rgb(255,30,144)
```
#ff1e1f
```
#ff1e1f rgb(255,30,31)
```
#ff8e1e
```
#ff8e1e rgb(255,142,30)
```

Analogous Color

#1e90ff
```
#1e90ff rgb(30,144,255)
```
#ff1e1f
```
#ff1e1f rgb(255,30,31)
```
#1eff8e
```
#1eff8e rgb(30,255,142)
```

Split Complementary Color

#1e1fff
```
#1e1fff rgb(30,31,255)
```
#ff1e1f
```
#ff1e1f rgb(255,30,31)
```
#1fff1e
```
#1fff1e rgb(31,255,30)
```

Triadic Color

#fe1eff
```
#fe1eff rgb(254,30,255)
```
#ff1e1f
```
#ff1e1f rgb(255,30,31)
```
#1fff1e
```
#1fff1e rgb(31,255,30)
```
#1efffe
```
#1efffe rgb(30,255,254)
```

Tetradic Color

#d10001
```
#d10001 rgb(209,0,1)
```
#ea0001
```
#ea0001 rgb(234,0,1)
```
#ff0406
```
#ff0406 rgb(255,4,6)
```
#ff1e1f
```
#ff1e1f rgb(255,30,31)
```
#ff3838
```
#ff3838 rgb(255,56,56)
```
#ff5152
```
#ff5152 rgb(255,81,82)
```
#ff6b6b
```
#ff6b6b rgb(255,107,107)
```

Monochromatic Color

Below, you can see some colors close to #ff1e1f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ff1e57
```
#ff1e57 rgb(255,30,87)
```
#ff1e45
```
#ff1e45 rgb(255,30,69)
```
#ff1e32
```
#ff1e32 rgb(255,30,50)
```
#ff1e1f
```
#ff1e1f rgb(255,30,31)
```
#ff301e
```
#ff301e rgb(255,48,30)
```
#ff421e
```
#ff421e rgb(255,66,30)
```
#ff551e
```
#ff551e rgb(255,85,30)
```

Similar Colors

Text with hexadecimal color #ff1e1f

This text has a font color of #ff1e1f.

<span style="color:#ff1e1f;">Text here</span>

#ff1e1f background color

This paragraph has a background color of #ff1e1f.

<p style="background-color:#ff1e1f;">Content here</p>

#ff1e1f border color

This element has a border color of #ff1e1f.

<div style="border:1px solid #ff1e1f;">Content here</div>

CSS codes

.text {color:#ff1e1f;}

.background {background-color:#ff1e1f;}

.border {border:1px solid #ff1e1f;}

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)
```
#800001
```
#800001 rgb(128,0,1)
```
#940001
```
#940001 rgb(148,0,1)
```
#a70001
```
#a70001 rgb(167,0,1)
```
#bb0001
```
#bb0001 rgb(187,0,1)
```
#cf0001
```
#cf0001 rgb(207,0,1)
```
#e20001
```
#e20001 rgb(226,0,1)
```
#f60001
```
#f60001 rgb(246,0,1)
```

Shade Color Variation

#ff0a0b
```
#ff0a0b rgb(255,10,11)
```
#ff1e1f
```
#ff1e1f rgb(255,30,31)
```
#ff3233
```
#ff3233 rgb(255,50,51)
```
#ff4546
```
#ff4546 rgb(255,69,70)
```
#ff595a
```
#ff595a rgb(255,89,90)
```
#ff6c6d
```
#ff6c6d rgb(255,108,109)
```
#ff8081
```
#ff8081 rgb(255,128,129)
```
#ff9494
```
#ff9494 rgb(255,148,148)
```
#ffa7a8
```
#ffa7a8 rgb(255,167,168)
```
#ffbbbb
```
#ffbbbb rgb(255,187,187)
```
#ffcfcf
```
#ffcfcf rgb(255,207,207)
```
#ffe2e2
```
#ffe2e2 rgb(255,226,226)
```
#fff6f6
```
#fff6f6 rgb(255,246,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #978686 is the less saturated color, while #ff1e1f 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)
```
#ba6364
```
#ba6364 rgb(186,99,100)
```
#c25b5b
```
#c25b5b rgb(194,91,91)
```
#cb5252
```
#cb5252 rgb(203,82,82)
```
#d4494a
```
#d4494a rgb(212,73,74)
```
#dc4141
```
#dc4141 rgb(220,65,65)
```
#e53839
```
#e53839 rgb(229,56,57)
```
#ee2f30
```
#ee2f30 rgb(238,47,48)
```
#f62728
```
#f62728 rgb(246,39,40)
```
#ff1e1f
```
#ff1e1f rgb(255,30,31)
```

Tone Color Variation

Below, you can see how #ff1e1f 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.

Monochromacy

#616161 Achromatopsia 0.005% of the population
#815454 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97883e Protanopia 1% of men
#aa8100 Deuteranopia 1% of men
#fe2a26 Tritanopia 0.001% of the population

Trichromacy

#bc6133 Protanomaly 1% of men, 0.01% of women
#c95d0b Deuteranomaly 6% of men, 0.4% of women
#fe2523 Tritanomaly 0.01% of the population

#ff1e1f hex color

#ff1e1f Color Information

#ff1e1f Color Conversion

Color Schemes with #ff1e1f

Alternatives to #ff1e1f

#ff1e1f Preview

Shades and Tints of #ff1e1f

Tones of #ff1e1f

Color Blindness Simulator