#fd5d1e hex color

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

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

● #fd5d1e color description : Vivid orange.

The hexadecimal color #fd5d1e has RGB values of R:253, G:93, B:30 and CMYK values of C:0, M:0.63, Y:0.88, K:0.01. Its decimal value is 16604446.

Hex triplet	fd5d1e	`#fd5d1e`
RGB Decimal	253, 93, 30	`rgb(253,93,30)`
RGB Percent	99.2, 36.5, 11.8	`rgb(99.2%,36.5%,11.8%)`
CMYK	0, 63, 88, 1
HSL	17°, 98.2, 55.5	`hsl(17,98.2%,55.5%)`
HSV (or HSB)	17°, 88.1, 99.2
Web Safe	ff6633	`#ff6633`

CIE-LAB	60.614, 58.479, 63.265
XYZ	44.659, 28.81, 4.438
xyY	0.573, 0.37, 28.81
CIE-LCH	60.614, 86.153, 47.251
CIE-LUV	60.614, 131.301, 47.827
Hunter-Lab	53.675, 54.584, 32.671
Binary	11111101, 01011101, 00011110

#fd5d1e
```
#fd5d1e rgb(253,93,30)
```
#1ebefd
```
#1ebefd rgb(30,190,253)
```

Complementary Color

#fd1e4e
```
#fd1e4e rgb(253,30,78)
```
#fd5d1e
```
#fd5d1e rgb(253,93,30)
```
#fdcd1e
```
#fdcd1e rgb(253,205,30)
```

Analogous Color

#1e4efd
```
#1e4efd rgb(30,78,253)
```
#fd5d1e
```
#fd5d1e rgb(253,93,30)
```
#1efdcd
```
#1efdcd rgb(30,253,205)
```

Split Complementary Color

#5d1efd
```
#5d1efd rgb(93,30,253)
```
#fd5d1e
```
#fd5d1e rgb(253,93,30)
```
#1efd5d
```
#1efd5d rgb(30,253,93)
```

Triadic Color

#fd1ebe
```
#fd1ebe rgb(253,30,190)
```
#fd5d1e
```
#fd5d1e rgb(253,93,30)
```
#1efd5d
```
#1efd5d rgb(30,253,93)
```
#1ebefd
```
#1ebefd rgb(30,190,253)
```

Tetradic Color

#cd3b02
```
#cd3b02 rgb(205,59,2)
```
#e64202
```
#e64202 rgb(230,66,2)
```
#fd4b05
```
#fd4b05 rgb(253,75,5)
```
#fd5d1e
```
#fd5d1e rgb(253,93,30)
```
#fd6f37
```
#fd6f37 rgb(253,111,55)
```
#fd8151
```
#fd8151 rgb(253,129,81)
```
#fe946a
```
#fe946a rgb(254,148,106)
```

Monochromatic Color

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

#fd251e
```
#fd251e rgb(253,37,30)
```
#fd381e
```
#fd381e rgb(253,56,30)
```
#fd4a1e
```
#fd4a1e rgb(253,74,30)
```
#fd5d1e
```
#fd5d1e rgb(253,93,30)
```
#fd701e
```
#fd701e rgb(253,112,30)
```
#fd821e
```
#fd821e rgb(253,130,30)
```
#fd951e
```
#fd951e rgb(253,149,30)
```

Similar Colors

Text with hexadecimal color #fd5d1e

This text has a font color of #fd5d1e.

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

#fd5d1e background color

This paragraph has a background color of #fd5d1e.

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

#fd5d1e border color

This element has a border color of #fd5d1e.

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

CSS codes

.text {color:#fd5d1e;}

.background {background-color:#fd5d1e;}

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

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)
```
#2f0e00
```
#2f0e00 rgb(47,14,0)
```
#431301
```
#431301 rgb(67,19,1)
```
#561901
```
#561901 rgb(86,25,1)
```
#6a1e01
```
#6a1e01 rgb(106,30,1)
```
#7d2401
```
#7d2401 rgb(125,36,1)
```
#902a01
```
#902a01 rgb(144,42,1)
```
#a42f01
```
#a42f01 rgb(164,47,1)
```
#b73502
```
#b73502 rgb(183,53,2)
```
#cb3b02
```
#cb3b02 rgb(203,59,2)
```
#de4002
```
#de4002 rgb(222,64,2)
```
#f24602
```
#f24602 rgb(242,70,2)
```

Shade Color Variation

#fd4f0b
```
#fd4f0b rgb(253,79,11)
```
#fd5d1e
```
#fd5d1e rgb(253,93,30)
```
#fd6b31
```
#fd6b31 rgb(253,107,49)
```
#fd7945
```
#fd7945 rgb(253,121,69)
```
#fe8758
```
#fe8758 rgb(254,135,88)
```
#fe956c
```
#fe956c rgb(254,149,108)
```
#fea37f
```
#fea37f rgb(254,163,127)
```
#feb193
```
#feb193 rgb(254,177,147)
```
#febfa6
```
#febfa6 rgb(254,191,166)
```
#fecdba
```
#fecdba rgb(254,205,186)
```
#ffdbcd
```
#ffdbcd rgb(255,219,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, #948b87 is the less saturated color, while #fd5d1e is the most saturated one.

#948b87
```
#948b87 rgb(148,139,135)
```
#9d877e
```
#9d877e rgb(157,135,126)
```
#a68375
```
#a68375 rgb(166,131,117)
```
#ae7f6d
```
#ae7f6d rgb(174,127,109)
```
#b77b64
```
#b77b64 rgb(183,123,100)
```
#c0785b
```
#c0785b rgb(192,120,91)
```
#c97452
```
#c97452 rgb(201,116,82)
```
#d1704a
```
#d1704a rgb(209,112,74)
```
#da6c41
```
#da6c41 rgb(218,108,65)
```
#e36838
```
#e36838 rgb(227,104,56)
```
#ec652f
```
#ec652f rgb(236,101,47)
```
#f46127
```
#f46127 rgb(244,97,39)
```
#fd5d1e
```
#fd5d1e rgb(253,93,30)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#9e7e71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99836 Protanopia 1% of men
#be9000 Deuteranopia 1% of men
#fe5f64 Tritanopia 0.001% of the population

Trichromacy

#c7822d Protanomaly 1% of men, 0.01% of women
#d47d0a Deuteranomaly 6% of men, 0.4% of women
#fe5e4a Tritanomaly 0.01% of the population

#fd5d1e hex color

#fd5d1e Color Information

#fd5d1e Color Conversion

Color Schemes with #fd5d1e

Alternatives to #fd5d1e

#fd5d1e Preview

Shades and Tints of #fd5d1e

Tones of #fd5d1e

Color Blindness Simulator