#fd5a1d hex color

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

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

● #fd5a1d color description : Vivid orange.

The hexadecimal color #fd5a1d has RGB values of R:253, G:90, B:29 and CMYK values of C:0, M:0.64, Y:0.89, K:0.01. Its decimal value is 16603677.

Hex triplet	fd5a1d	`#fd5a1d`
RGB Decimal	253, 90, 29	`rgb(253,90,29)`
RGB Percent	99.2, 35.3, 11.4	`rgb(99.2%,35.3%,11.4%)`
CMYK	0, 64, 89, 1
HSL	16.3°, 98.2, 55.3	`hsl(16.3,98.2%,55.3%)`
HSV (or HSB)	16.3°, 88.5, 99.2
Web Safe	ff6633	`#ff6633`

CIE-LAB	60.149, 59.696, 63.26
XYZ	44.388, 28.289, 4.285
xyY	0.577, 0.368, 28.289
CIE-LCH	60.149, 86.98, 46.66
CIE-LUV	60.149, 133.594, 47.184
Hunter-Lab	53.187, 55.892, 32.454
Binary	11111101, 01011010, 00011101

#fd5a1d
```
#fd5a1d rgb(253,90,29)
```
#1dc0fd
```
#1dc0fd rgb(29,192,253)
```

Complementary Color

#fd1d50
```
#fd1d50 rgb(253,29,80)
```
#fd5a1d
```
#fd5a1d rgb(253,90,29)
```
#fdca1d
```
#fdca1d rgb(253,202,29)
```

Analogous Color

#1d50fd
```
#1d50fd rgb(29,80,253)
```
#fd5a1d
```
#fd5a1d rgb(253,90,29)
```
#1dfdca
```
#1dfdca rgb(29,253,202)
```

Split Complementary Color

#5a1dfd
```
#5a1dfd rgb(90,29,253)
```
#fd5a1d
```
#fd5a1d rgb(253,90,29)
```
#1dfd5a
```
#1dfd5a rgb(29,253,90)
```

Triadic Color

#fd1dc0
```
#fd1dc0 rgb(253,29,192)
```
#fd5a1d
```
#fd5a1d rgb(253,90,29)
```
#1dfd5a
```
#1dfd5a rgb(29,253,90)
```
#1dc0fd
```
#1dc0fd rgb(29,192,253)
```

Tetradic Color

#cc3902
```
#cc3902 rgb(204,57,2)
```
#e54002
```
#e54002 rgb(229,64,2)
```
#fd4804
```
#fd4804 rgb(253,72,4)
```
#fd5a1d
```
#fd5a1d rgb(253,90,29)
```
#fd6c36
```
#fd6c36 rgb(253,108,54)
```
#fd7f50
```
#fd7f50 rgb(253,127,80)
```
#fe9169
```
#fe9169 rgb(254,145,105)
```

Monochromatic Color

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

#fd221d
```
#fd221d rgb(253,34,29)
```
#fd351d
```
#fd351d rgb(253,53,29)
```
#fd471d
```
#fd471d rgb(253,71,29)
```
#fd5a1d
```
#fd5a1d rgb(253,90,29)
```
#fd6d1d
```
#fd6d1d rgb(253,109,29)
```
#fd7f1d
```
#fd7f1d rgb(253,127,29)
```
#fd921d
```
#fd921d rgb(253,146,29)
```

Similar Colors

Text with hexadecimal color #fd5a1d

This text has a font color of #fd5a1d.

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

#fd5a1d background color

This paragraph has a background color of #fd5a1d.

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

#fd5a1d border color

This element has a border color of #fd5a1d.

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

CSS codes

.text {color:#fd5a1d;}

.background {background-color:#fd5a1d;}

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

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

#070200
```
#070200 rgb(7,2,0)
```
#1b0700
```
#1b0700 rgb(27,7,0)
```
#2e0d00
```
#2e0d00 rgb(46,13,0)
```
#421201
```
#421201 rgb(66,18,1)
```
#551801
```
#551801 rgb(85,24,1)
```
#691d01
```
#691d01 rgb(105,29,1)
```
#7c2301
```
#7c2301 rgb(124,35,1)
```
#8f2801
```
#8f2801 rgb(143,40,1)
```
#a32d01
```
#a32d01 rgb(163,45,1)
```
#b63302
```
#b63302 rgb(182,51,2)
```
#ca3802
```
#ca3802 rgb(202,56,2)
```
#dd3e02
```
#dd3e02 rgb(221,62,2)
```
#f14302
```
#f14302 rgb(241,67,2)
```

Shade Color Variation

#fd4c0a
```
#fd4c0a rgb(253,76,10)
```
#fd5a1d
```
#fd5a1d rgb(253,90,29)
```
#fd6830
```
#fd6830 rgb(253,104,48)
```
#fd7644
```
#fd7644 rgb(253,118,68)
```
#fe8557
```
#fe8557 rgb(254,133,87)
```
#fe936b
```
#fe936b rgb(254,147,107)
```
#fea17e
```
#fea17e rgb(254,161,126)
```
#feaf92
```
#feaf92 rgb(254,175,146)
```
#febda5
```
#febda5 rgb(254,189,165)
```
#feccb9
```
#feccb9 rgb(254,204,185)
```
#ffdacc
```
#ffdacc rgb(255,218,204)
```
#ffe8df
```
#ffe8df rgb(255,232,223)
```
#fff6f3
```
#fff6f3 rgb(255,246,243)
```

Tint Color Variation

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

#948a86
```
#948a86 rgb(148,138,134)
```
#9d867d
```
#9d867d rgb(157,134,125)
```
#a58275
```
#a58275 rgb(165,130,117)
```
#ae7e6c
```
#ae7e6c rgb(174,126,108)
```
#b77a63
```
#b77a63 rgb(183,122,99)
```
#c0765a
```
#c0765a rgb(192,118,90)
```
#c87252
```
#c87252 rgb(200,114,82)
```
#d16e49
```
#d16e49 rgb(209,110,73)
```
#da6a40
```
#da6a40 rgb(218,106,64)
```
#e36637
```
#e36637 rgb(227,102,55)
```
#eb622f
```
#eb622f rgb(235,98,47)
```
#f45e26
```
#f45e26 rgb(244,94,38)
```
#fd5a1d
```
#fd5a1d rgb(253,90,29)
```

Tone Color Variation

Below, you can see how #fd5a1d 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
#9c7c6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79635 Protanopia 1% of men
#bc8f00 Deuteranopia 1% of men
#fe5c61 Tritanopia 0.001% of the population

Trichromacy

#c6802c Protanomaly 1% of men, 0.01% of women
#d47b0a Deuteranomaly 6% of men, 0.4% of women
#fe5b48 Tritanomaly 0.01% of the population

#fd5a1d hex color

#fd5a1d Color Information

#fd5a1d Color Conversion

Color Schemes with #fd5a1d

Alternatives to #fd5a1d

#fd5a1d Preview

Shades and Tints of #fd5a1d

Tones of #fd5a1d

Color Blindness Simulator