#fd5a1c hex color

In a RGB color space, hex #fd5a1c is composed of 99.2% red, 35.3% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.4% magenta, 88.9% yellow and 0.8% black. It has a hue angle of 16.5 degrees, a saturation of 98.3% and a lightness of 55.1%. #fd5a1c color hex could be obtained by blending #ffb438 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

● #fd5a1c color description : Vivid orange.

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

Hex triplet	fd5a1c	`#fd5a1c`
RGB Decimal	253, 90, 28	`rgb(253,90,28)`
RGB Percent	99.2, 35.3, 11	`rgb(99.2%,35.3%,11%)`
CMYK	0, 64, 89, 1
HSL	16.5°, 98.3, 55.1	`hsl(16.5,98.3%,55.1%)`
HSV (or HSB)	16.5°, 88.9, 99.2
Web Safe	ff6633	`#ff6633`

CIE-LAB	60.144, 59.68, 63.593
XYZ	44.376, 28.284, 4.221
xyY	0.577, 0.368, 28.284
CIE-LCH	60.144, 87.211, 46.819
CIE-LUV	60.144, 133.671, 47.348
Hunter-Lab	53.183, 55.872, 32.522
Binary	11111101, 01011010, 00011100

#fd5a1c
```
#fd5a1c rgb(253,90,28)
```
#1cbffd
```
#1cbffd rgb(28,191,253)
```

Complementary Color

#fd1c4e
```
#fd1c4e rgb(253,28,78)
```
#fd5a1c
```
#fd5a1c rgb(253,90,28)
```
#fdcb1c
```
#fdcb1c rgb(253,203,28)
```

Analogous Color

#1c4efd
```
#1c4efd rgb(28,78,253)
```
#fd5a1c
```
#fd5a1c rgb(253,90,28)
```
#1cfdcb
```
#1cfdcb rgb(28,253,203)
```

Split Complementary Color

#5a1cfd
```
#5a1cfd rgb(90,28,253)
```
#fd5a1c
```
#fd5a1c rgb(253,90,28)
```
#1cfd5a
```
#1cfd5a rgb(28,253,90)
```

Triadic Color

#fd1cbf
```
#fd1cbf rgb(253,28,191)
```
#fd5a1c
```
#fd5a1c rgb(253,90,28)
```
#1cfd5a
```
#1cfd5a rgb(28,253,90)
```
#1cbffd
```
#1cbffd rgb(28,191,253)
```

Tetradic Color

#cb3902
```
#cb3902 rgb(203,57,2)
```
#e44002
```
#e44002 rgb(228,64,2)
```
#fd4803
```
#fd4803 rgb(253,72,3)
```
#fd5a1c
```
#fd5a1c rgb(253,90,28)
```
#fd6c35
```
#fd6c35 rgb(253,108,53)
```
#fd7f4f
```
#fd7f4f rgb(253,127,79)
```
#fe9168
```
#fe9168 rgb(254,145,104)
```

Monochromatic Color

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

#fd221c
```
#fd221c rgb(253,34,28)
```
#fd351c
```
#fd351c rgb(253,53,28)
```
#fd471c
```
#fd471c rgb(253,71,28)
```
#fd5a1c
```
#fd5a1c rgb(253,90,28)
```
#fd6d1c
```
#fd6d1c rgb(253,109,28)
```
#fd801c
```
#fd801c rgb(253,128,28)
```
#fd921c
```
#fd921c rgb(253,146,28)
```

Similar Colors

Text with hexadecimal color #fd5a1c

This text has a font color of #fd5a1c.

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

#fd5a1c background color

This paragraph has a background color of #fd5a1c.

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

#fd5a1c border color

This element has a border color of #fd5a1c.

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

CSS codes

.text {color:#fd5a1c;}

.background {background-color:#fd5a1c;}

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

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

#060200
```
#060200 rgb(6,2,0)
```
#1a0700
```
#1a0700 rgb(26,7,0)
```
#2d0d00
```
#2d0d00 rgb(45,13,0)
```
#411201
```
#411201 rgb(65,18,1)
```
#541801
```
#541801 rgb(84,24,1)
```
#681d01
```
#681d01 rgb(104,29,1)
```
#7b2301
```
#7b2301 rgb(123,35,1)
```
#8e2801
```
#8e2801 rgb(142,40,1)
```
#a22e01
```
#a22e01 rgb(162,46,1)
```
#b53302
```
#b53302 rgb(181,51,2)
```
#c93902
```
#c93902 rgb(201,57,2)
```
#dc3e02
```
#dc3e02 rgb(220,62,2)
```
#f04402
```
#f04402 rgb(240,68,2)
```

Shade Color Variation

#fd4c09
```
#fd4c09 rgb(253,76,9)
```
#fd5a1c
```
#fd5a1c rgb(253,90,28)
```
#fd682f
```
#fd682f rgb(253,104,47)
```
#fd7643
```
#fd7643 rgb(253,118,67)
```
#fe8456
```
#fe8456 rgb(254,132,86)
```
#fe936a
```
#fe936a rgb(254,147,106)
```
#fea17d
```
#fea17d rgb(254,161,125)
```
#feaf91
```
#feaf91 rgb(254,175,145)
```
#febda4
```
#febda4 rgb(254,189,164)
```
#fecbb8
```
#fecbb8 rgb(254,203,184)
```
#ffd9cb
```
#ffd9cb rgb(255,217,203)
```
#ffe7de
```
#ffe7de rgb(255,231,222)
```
#fff5f2
```
#fff5f2 rgb(255,245,242)
```

Tint Color Variation

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

#938986
```
#938986 rgb(147,137,134)
```
#9c857d
```
#9c857d rgb(156,133,125)
```
#a58274
```
#a58274 rgb(165,130,116)
```
#ae7e6b
```
#ae7e6b rgb(174,126,107)
```
#b77a62
```
#b77a62 rgb(183,122,98)
```
#bf765a
```
#bf765a rgb(191,118,90)
```
#c87251
```
#c87251 rgb(200,114,81)
```
#d16e48
```
#d16e48 rgb(209,110,72)
```
#da6a3f
```
#da6a3f rgb(218,106,63)
```
#e36636
```
#e36636 rgb(227,102,54)
```
#eb622e
```
#eb622e rgb(235,98,46)
```
#f45e25
```
#f45e25 rgb(244,94,37)
```
#fd5a1c
```
#fd5a1c rgb(253,90,28)
```

Tone Color Variation

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

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

Trichromacy

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

#fd5a1c hex color

#fd5a1c Color Information

#fd5a1c Color Conversion

Color Schemes with #fd5a1c

Alternatives to #fd5a1c

#fd5a1c Preview

Shades and Tints of #fd5a1c

Tones of #fd5a1c

Color Blindness Simulator