#fd5a1e hex color

In a RGB color space, hex #fd5a1e is composed of 99.2% red, 35.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.4% magenta, 88.1% yellow and 0.8% black. It has a hue angle of 16.1 degrees, a saturation of 98.2% and a lightness of 55.5%. #fd5a1e color hex could be obtained by blending #ffb43c with #fb0000. Closest websafe color is: #ff6633.

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

● #fd5a1e color description : Vivid orange.

The hexadecimal color #fd5a1e has RGB values of R:253, G:90, B:30 and CMYK values of C:0, M:0.64, Y:0.88, K:0.01. Its decimal value is 16603678.

Hex triplet	fd5a1e	`#fd5a1e`
RGB Decimal	253, 90, 30	`rgb(253,90,30)`
RGB Percent	99.2, 35.3, 11.8	`rgb(99.2%,35.3%,11.8%)`
CMYK	0, 64, 88, 1
HSL	16.1°, 98.2, 55.5	`hsl(16.1,98.2%,55.5%)`
HSV (or HSB)	16.1°, 88.1, 99.2
Web Safe	ff6633	`#ff6633`

CIE-LAB	60.153, 59.713, 62.919
XYZ	44.401, 28.294, 4.352
xyY	0.576, 0.367, 28.294
CIE-LCH	60.153, 86.744, 46.498
CIE-LUV	60.153, 133.514, 47.015
Hunter-Lab	53.192, 55.913, 32.384
Binary	11111101, 01011010, 00011110

#fd5a1e
```
#fd5a1e rgb(253,90,30)
```
#1ec1fd
```
#1ec1fd rgb(30,193,253)
```

Complementary Color

#fd1e51
```
#fd1e51 rgb(253,30,81)
```
#fd5a1e
```
#fd5a1e rgb(253,90,30)
```
#fdca1e
```
#fdca1e rgb(253,202,30)
```

Analogous Color

#1e51fd
```
#1e51fd rgb(30,81,253)
```
#fd5a1e
```
#fd5a1e rgb(253,90,30)
```
#1efdca
```
#1efdca rgb(30,253,202)
```

Split Complementary Color

#5a1efd
```
#5a1efd rgb(90,30,253)
```
#fd5a1e
```
#fd5a1e rgb(253,90,30)
```
#1efd5a
```
#1efd5a rgb(30,253,90)
```

Triadic Color

#fd1ec1
```
#fd1ec1 rgb(253,30,193)
```
#fd5a1e
```
#fd5a1e rgb(253,90,30)
```
#1efd5a
```
#1efd5a rgb(30,253,90)
```
#1ec1fd
```
#1ec1fd rgb(30,193,253)
```

Tetradic Color

#cd3802
```
#cd3802 rgb(205,56,2)
```
#e63f02
```
#e63f02 rgb(230,63,2)
```
#fd4705
```
#fd4705 rgb(253,71,5)
```
#fd5a1e
```
#fd5a1e rgb(253,90,30)
```
#fd6d37
```
#fd6d37 rgb(253,109,55)
```
#fd7f51
```
#fd7f51 rgb(253,127,81)
```
#fe926a
```
#fe926a rgb(254,146,106)
```

Monochromatic Color

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

#fd221e
```
#fd221e rgb(253,34,30)
```
#fd351e
```
#fd351e rgb(253,53,30)
```
#fd471e
```
#fd471e rgb(253,71,30)
```
#fd5a1e
```
#fd5a1e rgb(253,90,30)
```
#fd6d1e
```
#fd6d1e rgb(253,109,30)
```
#fd7f1e
```
#fd7f1e rgb(253,127,30)
```
#fd921e
```
#fd921e rgb(253,146,30)
```

Similar Colors

Text with hexadecimal color #fd5a1e

This text has a font color of #fd5a1e.

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

#fd5a1e background color

This paragraph has a background color of #fd5a1e.

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

#fd5a1e border color

This element has a border color of #fd5a1e.

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

CSS codes

.text {color:#fd5a1e;}

.background {background-color:#fd5a1e;}

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

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, #080200 is the darkest color, while #fff7f4 is the lightest one.

#080200
```
#080200 rgb(8,2,0)
```
#1c0800
```
#1c0800 rgb(28,8,0)
```
#2f0d00
```
#2f0d00 rgb(47,13,0)
```
#431201
```
#431201 rgb(67,18,1)
```
#561801
```
#561801 rgb(86,24,1)
```
#6a1d01
```
#6a1d01 rgb(106,29,1)
```
#7d2201
```
#7d2201 rgb(125,34,1)
```
#902801
```
#902801 rgb(144,40,1)
```
#a42d01
```
#a42d01 rgb(164,45,1)
```
#b73302
```
#b73302 rgb(183,51,2)
```
#cb3802
```
#cb3802 rgb(203,56,2)
```
#de3d02
```
#de3d02 rgb(222,61,2)
```
#f24302
```
#f24302 rgb(242,67,2)
```

Shade Color Variation

#fd4c0b
```
#fd4c0b rgb(253,76,11)
```
#fd5a1e
```
#fd5a1e rgb(253,90,30)
```
#fd6831
```
#fd6831 rgb(253,104,49)
```
#fd7745
```
#fd7745 rgb(253,119,69)
```
#fe8558
```
#fe8558 rgb(254,133,88)
```
#fe936c
```
#fe936c rgb(254,147,108)
```
#fea17f
```
#fea17f rgb(254,161,127)
```
#feb093
```
#feb093 rgb(254,176,147)
```
#febea6
```
#febea6 rgb(254,190,166)
```
#feccba
```
#feccba rgb(254,204,186)
```
#ffdacd
```
#ffdacd rgb(255,218,205)
```
#ffe9e0
```
#ffe9e0 rgb(255,233,224)
```
#fff7f4
```
#fff7f4 rgb(255,247,244)
```

Tint Color Variation

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

#948a87
```
#948a87 rgb(148,138,135)
```
#9d867e
```
#9d867e rgb(157,134,126)
```
#a68275
```
#a68275 rgb(166,130,117)
```
#ae7e6d
```
#ae7e6d rgb(174,126,109)
```
#b77a64
```
#b77a64 rgb(183,122,100)
```
#c0765b
```
#c0765b rgb(192,118,91)
```
#c97252
```
#c97252 rgb(201,114,82)
```
#d16e4a
```
#d16e4a rgb(209,110,74)
```
#da6a41
```
#da6a41 rgb(218,106,65)
```
#e36638
```
#e36638 rgb(227,102,56)
```
#ec622f
```
#ec622f rgb(236,98,47)
```
#f45e27
```
#f45e27 rgb(244,94,39)
```
#fd5a1e
```
#fd5a1e rgb(253,90,30)
```

Tone Color Variation

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

#a79636 Protanopia 1% of men
#bc8f00 Deuteranopia 1% of men
#fe5d61 Tritanopia 0.001% of the population

Trichromacy

#c6802d Protanomaly 1% of men, 0.01% of women
#d47c0a Deuteranomaly 6% of men, 0.4% of women
#fe5b49 Tritanomaly 0.01% of the population

#fd5a1e hex color

#fd5a1e Color Information

#fd5a1e Color Conversion

Color Schemes with #fd5a1e

Alternatives to #fd5a1e

#fd5a1e Preview

Shades and Tints of #fd5a1e

Tones of #fd5a1e

Color Blindness Simulator