#fe311f hex color

In a RGB color space, hex #fe311f is composed of 99.6% red, 19.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.7% magenta, 87.8% yellow and 0.4% black. It has a hue angle of 4.8 degrees, a saturation of 99.1% and a lightness of 55.9%. #fe311f color hex could be obtained by blending #ff623e with #fd0000. Closest websafe color is: #ff3333.

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

● #fe311f color description : Vivid red.

The hexadecimal color #fe311f has RGB values of R:254, G:49, B:31 and CMYK values of C:0, M:0.81, Y:0.88, K:0. Its decimal value is 16658719.

Hex triplet	fe311f	`#fe311f`
RGB Decimal	254, 49, 31	`rgb(254,49,31)`
RGB Percent	99.6, 19.2, 12.2	`rgb(99.6%,19.2%,12.2%)`
CMYK	0, 81, 88, 0
HSL	4.8°, 99.1, 55.9	`hsl(4.8,99.1%,55.9%)`
HSV (or HSB)	4.8°, 87.8, 99.6
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.453, 73.517, 59.096
XYZ	42.221, 23.372, 3.584
xyY	0.61, 0.338, 23.372
CIE-LCH	55.453, 94.324, 38.794
CIE-LUV	55.453, 159.068, 38.136
Hunter-Lab	48.344, 71.288, 29.445
Binary	11111110, 00110001, 00011111

#fe311f
```
#fe311f rgb(254,49,31)
```
#1fecfe
```
#1fecfe rgb(31,236,254)
```

Complementary Color

#fe1f7d
```
#fe1f7d rgb(254,31,125)
```
#fe311f
```
#fe311f rgb(254,49,31)
```
#fea11f
```
#fea11f rgb(254,161,31)
```

Analogous Color

#1f7dfe
```
#1f7dfe rgb(31,125,254)
```
#fe311f
```
#fe311f rgb(254,49,31)
```
#1ffea1
```
#1ffea1 rgb(31,254,161)
```

Split Complementary Color

#311ffe
```
#311ffe rgb(49,31,254)
```
#fe311f
```
#fe311f rgb(254,49,31)
```
#1ffe31
```
#1ffe31 rgb(31,254,49)
```

Triadic Color

#fe1fec
```
#fe1fec rgb(254,31,236)
```
#fe311f
```
#fe311f rgb(254,49,31)
```
#1ffe31
```
#1ffe31 rgb(31,254,49)
```
#1fecfe
```
#1fecfe rgb(31,236,254)
```

Tetradic Color

#d01201
```
#d01201 rgb(208,18,1)
```
#e91401
```
#e91401 rgb(233,20,1)
```
#fe1a06
```
#fe1a06 rgb(254,26,6)
```
#fe311f
```
#fe311f rgb(254,49,31)
```
#fe4838
```
#fe4838 rgb(254,72,56)
```
#fe6052
```
#fe6052 rgb(254,96,82)
```
#fe776b
```
#fe776b rgb(254,119,107)
```

Monochromatic Color

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

#fe1f45
```
#fe1f45 rgb(254,31,69)
```
#fe1f32
```
#fe1f32 rgb(254,31,50)
```
#fe1f20
```
#fe1f20 rgb(254,31,32)
```
#fe311f
```
#fe311f rgb(254,49,31)
```
#fe441f
```
#fe441f rgb(254,68,31)
```
#fe561f
```
#fe561f rgb(254,86,31)
```
#fe691f
```
#fe691f rgb(254,105,31)
```

Similar Colors

Text with hexadecimal color #fe311f

This text has a font color of #fe311f.

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

#fe311f background color

This paragraph has a background color of #fe311f.

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

#fe311f border color

This element has a border color of #fe311f.

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

CSS codes

.text {color:#fe311f;}

.background {background-color:#fe311f;}

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

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, #0a0100 is the darkest color, while #fff7f6 is the lightest one.

#0a0100
```
#0a0100 rgb(10,1,0)
```
#1e0300
```
#1e0300 rgb(30,3,0)
```
#310400
```
#310400 rgb(49,4,0)
```
#450600
```
#450600 rgb(69,6,0)
```
#580800
```
#580800 rgb(88,8,0)
```
#6c0900
```
#6c0900 rgb(108,9,0)
```
#800b01
```
#800b01 rgb(128,11,1)
```
#930c01
```
#930c01 rgb(147,12,1)
```
#a70e01
```
#a70e01 rgb(167,14,1)
```
#ba1001
```
#ba1001 rgb(186,16,1)
```
#ce1101
```
#ce1101 rgb(206,17,1)
```
#e11301
```
#e11301 rgb(225,19,1)
```
#f51501
```
#f51501 rgb(245,21,1)
```

Shade Color Variation

#fe1f0b
```
#fe1f0b rgb(254,31,11)
```
#fe311f
```
#fe311f rgb(254,49,31)
```
#fe4333
```
#fe4333 rgb(254,67,51)
```
#fe5546
```
#fe5546 rgb(254,85,70)
```
#fe675a
```
#fe675a rgb(254,103,90)
```
#fe796d
```
#fe796d rgb(254,121,109)
```
#fe8b81
```
#fe8b81 rgb(254,139,129)
```
#ff9d94
```
#ff9d94 rgb(255,157,148)
```
#ffafa8
```
#ffafa8 rgb(255,175,168)
```
#ffc1bb
```
#ffc1bb rgb(255,193,187)
```
#ffd3cf
```
#ffd3cf rgb(255,211,207)
```
#ffe5e2
```
#ffe5e2 rgb(255,229,226)
```
#fff7f6
```
#fff7f6 rgb(255,247,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #968887 is the less saturated color, while #fe311f is the most saturated one.

#968887
```
#968887 rgb(150,136,135)
```
#9f817e
```
#9f817e rgb(159,129,126)
```
#a77a76
```
#a77a76 rgb(167,122,118)
```
#b0726d
```
#b0726d rgb(176,114,109)
```
#b96b64
```
#b96b64 rgb(185,107,100)
```
#c1645c
```
#c1645c rgb(193,100,92)
```
#ca5d53
```
#ca5d53 rgb(202,93,83)
```
#d3554a
```
#d3554a rgb(211,85,74)
```
#db4e42
```
#db4e42 rgb(219,78,66)
```
#e44739
```
#e44739 rgb(228,71,57)
```
#ed4030
```
#ed4030 rgb(237,64,48)
```
#f53828
```
#f53828 rgb(245,56,40)
```
#fe311f
```
#fe311f rgb(254,49,31)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#89605d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8b3c Protanopia 1% of men
#ae8400 Deuteranopia 1% of men
#fe3939 Tritanopia 0.001% of the population

Trichromacy

#be6a31 Protanomaly 1% of men, 0.01% of women
#cb660b Deuteranomaly 6% of men, 0.4% of women
#fe3630 Tritanomaly 0.01% of the population

#fe311f hex color

#fe311f Color Information

#fe311f Color Conversion

Color Schemes with #fe311f

Alternatives to #fe311f

#fe311f Preview

Shades and Tints of #fe311f

Tones of #fe311f

Color Blindness Simulator