#fe5a1f hex color

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

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

● #fe5a1f color description : Vivid orange.

The hexadecimal color #fe5a1f has RGB values of R:254, G:90, B:31 and CMYK values of C:0, M:0.65, Y:0.88, K:0. Its decimal value is 16669215.

Hex triplet	fe5a1f	`#fe5a1f`
RGB Decimal	254, 90, 31	`rgb(254,90,31)`
RGB Percent	99.6, 35.3, 12.2	`rgb(99.6%,35.3%,12.2%)`
CMYK	0, 65, 88, 0
HSL	15.9°, 99.1, 55.9	`hsl(15.9,99.1%,55.9%)`
HSV (or HSB)	15.9°, 87.8, 99.6
Web Safe	ff6633	`#ff6633`

CIE-LAB	60.326, 60.065, 62.773
XYZ	44.779, 28.487, 4.437
xyY	0.576, 0.367, 28.487
CIE-LCH	60.326, 86.881, 46.263
CIE-LUV	60.326, 134.236, 46.944
Hunter-Lab	53.373, 56.353, 32.433
Binary	11111110, 01011010, 00011111

#fe5a1f
```
#fe5a1f rgb(254,90,31)
```
#1fc3fe
```
#1fc3fe rgb(31,195,254)
```

Complementary Color

#fe1f53
```
#fe1f53 rgb(254,31,83)
```
#fe5a1f
```
#fe5a1f rgb(254,90,31)
```
#feca1f
```
#feca1f rgb(254,202,31)
```

Analogous Color

#1f54fe
```
#1f54fe rgb(31,84,254)
```
#fe5a1f
```
#fe5a1f rgb(254,90,31)
```
#1ffeca
```
#1ffeca rgb(31,254,202)
```

Split Complementary Color

#5a1ffe
```
#5a1ffe rgb(90,31,254)
```
#fe5a1f
```
#fe5a1f rgb(254,90,31)
```
#1ffe5a
```
#1ffe5a rgb(31,254,90)
```

Triadic Color

#fe1fc3
```
#fe1fc3 rgb(254,31,195)
```
#fe5a1f
```
#fe5a1f rgb(254,90,31)
```
#1ffe5a
```
#1ffe5a rgb(31,254,90)
```
#1fc3fe
```
#1fc3fe rgb(31,195,254)
```

Tetradic Color

#d03801
```
#d03801 rgb(208,56,1)
```
#e93e01
```
#e93e01 rgb(233,62,1)
```
#fe4706
```
#fe4706 rgb(254,71,6)
```
#fe5a1f
```
#fe5a1f rgb(254,90,31)
```
#fe6d38
```
#fe6d38 rgb(254,109,56)
```
#fe7f52
```
#fe7f52 rgb(254,127,82)
```
#fe926b
```
#fe926b rgb(254,146,107)
```

Monochromatic Color

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

#fe221f
```
#fe221f rgb(254,34,31)
```
#fe351f
```
#fe351f rgb(254,53,31)
```
#fe471f
```
#fe471f rgb(254,71,31)
```
#fe5a1f
```
#fe5a1f rgb(254,90,31)
```
#fe6d1f
```
#fe6d1f rgb(254,109,31)
```
#fe7f1f
```
#fe7f1f rgb(254,127,31)
```
#fe921f
```
#fe921f rgb(254,146,31)
```

Similar Colors

Text with hexadecimal color #fe5a1f

This text has a font color of #fe5a1f.

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

#fe5a1f background color

This paragraph has a background color of #fe5a1f.

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

#fe5a1f border color

This element has a border color of #fe5a1f.

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

CSS codes

.text {color:#fe5a1f;}

.background {background-color:#fe5a1f;}

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

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

#0a0300
```
#0a0300 rgb(10,3,0)
```
#1e0800
```
#1e0800 rgb(30,8,0)
```
#310d00
```
#310d00 rgb(49,13,0)
```
#451200
```
#451200 rgb(69,18,0)
```
#581800
```
#581800 rgb(88,24,0)
```
#6c1d00
```
#6c1d00 rgb(108,29,0)
```
#802201
```
#802201 rgb(128,34,1)
```
#932701
```
#932701 rgb(147,39,1)
```
#a72d01
```
#a72d01 rgb(167,45,1)
```
#ba3201
```
#ba3201 rgb(186,50,1)
```
#ce3701
```
#ce3701 rgb(206,55,1)
```
#e13c01
```
#e13c01 rgb(225,60,1)
```
#f54201
```
#f54201 rgb(245,66,1)
```

Shade Color Variation

#fe4c0b
```
#fe4c0b rgb(254,76,11)
```
#fe5a1f
```
#fe5a1f rgb(254,90,31)
```
#fe6833
```
#fe6833 rgb(254,104,51)
```
#fe7746
```
#fe7746 rgb(254,119,70)
```
#fe855a
```
#fe855a rgb(254,133,90)
```
#fe946d
```
#fe946d rgb(254,148,109)
```
#fea281
```
#fea281 rgb(254,162,129)
```
#ffb094
```
#ffb094 rgb(255,176,148)
```
#ffbfa8
```
#ffbfa8 rgb(255,191,168)
```
#ffcdbb
```
#ffcdbb rgb(255,205,187)
```
#ffdbcf
```
#ffdbcf rgb(255,219,207)
```
#ffeae2
```
#ffeae2 rgb(255,234,226)
```
#fff8f6
```
#fff8f6 rgb(255,248,246)
```

Tint Color Variation

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

#968b87
```
#968b87 rgb(150,139,135)
```
#9f877e
```
#9f877e rgb(159,135,126)
```
#a78376
```
#a78376 rgb(167,131,118)
```
#b07f6d
```
#b07f6d rgb(176,127,109)
```
#b97b64
```
#b97b64 rgb(185,123,100)
```
#c1775c
```
#c1775c rgb(193,119,92)
```
#ca7253
```
#ca7253 rgb(202,114,83)
```
#d36e4a
```
#d36e4a rgb(211,110,74)
```
#db6a42
```
#db6a42 rgb(219,106,66)
```
#e46639
```
#e46639 rgb(228,102,57)
```
#ed6230
```
#ed6230 rgb(237,98,48)
```
#f55e28
```
#f55e28 rgb(245,94,40)
```
#fe5a1f
```
#fe5a1f rgb(254,90,31)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#9c7c70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89737 Protanopia 1% of men
#bd8f00 Deuteranopia 1% of men
#ff5d62 Tritanopia 0.001% of the population

Trichromacy

#c7812e Protanomaly 1% of men, 0.01% of women
#d47c0b Deuteranomaly 6% of men, 0.4% of women
#fe5c49 Tritanomaly 0.01% of the population

#fe5a1f hex color

#fe5a1f Color Information

#fe5a1f Color Conversion

Color Schemes with #fe5a1f

Alternatives to #fe5a1f

#fe5a1f Preview

Shades and Tints of #fe5a1f

Tones of #fe5a1f

Color Blindness Simulator