#fd5d2f hex color

In a RGB color space, hex #fd5d2f is composed of 99.2% red, 36.5% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.2% magenta, 81.4% yellow and 0.8% black. It has a hue angle of 13.4 degrees, a saturation of 98.1% and a lightness of 58.8%. #fd5d2f color hex could be obtained by blending #ffba5e with #fb0000. Closest websafe color is: #ff6633.

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

● #fd5d2f color description : Bright red.

The hexadecimal color #fd5d2f has RGB values of R:253, G:93, B:47 and CMYK values of C:0, M:0.63, Y:0.81, K:0.01. Its decimal value is 16604463.

Hex triplet	fd5d2f	`#fd5d2f`
RGB Decimal	253, 93, 47	`rgb(253,93,47)`
RGB Percent	99.2, 36.5, 18.4	`rgb(99.2%,36.5%,18.4%)`
CMYK	0, 63, 81, 1
HSL	13.4°, 98.1, 58.8	`hsl(13.4,98.1%,58.8%)`
HSV (or HSB)	13.4°, 81.4, 99.2
Web Safe	ff6633	`#ff6633`

CIE-LAB	60.712, 58.861, 56.558
XYZ	44.937, 28.922, 5.905
xyY	0.563, 0.363, 28.922
CIE-LCH	60.712, 81.629, 43.857
CIE-LUV	60.712, 129.605, 44.156
Hunter-Lab	53.779, 55.041, 31.135
Binary	11111101, 01011101, 00101111

#fd5d2f
```
#fd5d2f rgb(253,93,47)
```
#2fcffd
```
#2fcffd rgb(47,207,253)
```

Complementary Color

#fd2f68
```
#fd2f68 rgb(253,47,104)
```
#fd5d2f
```
#fd5d2f rgb(253,93,47)
```
#fdc42f
```
#fdc42f rgb(253,196,47)
```

Analogous Color

#2f68fd
```
#2f68fd rgb(47,104,253)
```
#fd5d2f
```
#fd5d2f rgb(253,93,47)
```
#2ffdc4
```
#2ffdc4 rgb(47,253,196)
```

Split Complementary Color

#5d2ffd
```
#5d2ffd rgb(93,47,253)
```
#fd5d2f
```
#fd5d2f rgb(253,93,47)
```
#2ffd5d
```
#2ffd5d rgb(47,253,93)
```

Triadic Color

#fd2fcf
```
#fd2fcf rgb(253,47,207)
```
#fd5d2f
```
#fd5d2f rgb(253,93,47)
```
#2ffd5d
```
#2ffd5d rgb(47,253,93)
```
#2fcffd
```
#2fcffd rgb(47,207,253)
```

Tetradic Color

#dd3302
```
#dd3302 rgb(221,51,2)
```
#f73902
```
#f73902 rgb(247,57,2)
```
#fd4916
```
#fd4916 rgb(253,73,22)
```
#fd5d2f
```
#fd5d2f rgb(253,93,47)
```
#fd7148
```
#fd7148 rgb(253,113,72)
```
#fd8462
```
#fd8462 rgb(253,132,98)
```
#fe987b
```
#fe987b rgb(254,152,123)
```

Monochromatic Color

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

#fd2f34
```
#fd2f34 rgb(253,47,52)
```
#fd3b2f
```
#fd3b2f rgb(253,59,47)
```
#fd4c2f
```
#fd4c2f rgb(253,76,47)
```
#fd5d2f
```
#fd5d2f rgb(253,93,47)
```
#fd6e2f
```
#fd6e2f rgb(253,110,47)
```
#fd7f2f
```
#fd7f2f rgb(253,127,47)
```
#fd912f
```
#fd912f rgb(253,145,47)
```

Similar Colors

Text with hexadecimal color #fd5d2f

This text has a font color of #fd5d2f.

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

#fd5d2f background color

This paragraph has a background color of #fd5d2f.

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

#fd5d2f border color

This element has a border color of #fd5d2f.

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

CSS codes

.text {color:#fd5d2f;}

.background {background-color:#fd5d2f;}

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

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

#060100
```
#060100 rgb(6,1,0)
```
#190600
```
#190600 rgb(25,6,0)
```
#2d0a00
```
#2d0a00 rgb(45,10,0)
```
#400f01
```
#400f01 rgb(64,15,1)
```
#531301
```
#531301 rgb(83,19,1)
```
#671801
```
#671801 rgb(103,24,1)
```
#7a1c01
```
#7a1c01 rgb(122,28,1)
```
#8e2101
```
#8e2101 rgb(142,33,1)
```
#a12502
```
#a12502 rgb(161,37,2)
```
#b52a02
```
#b52a02 rgb(181,42,2)
```
#c82e02
```
#c82e02 rgb(200,46,2)
```
#db3302
```
#db3302 rgb(219,51,2)
```
#ef3702
```
#ef3702 rgb(239,55,2)
```

Shade Color Variation

#fd3f08
```
#fd3f08 rgb(253,63,8)
```
#fd4e1c
```
#fd4e1c rgb(253,78,28)
```
#fd5d2f
```
#fd5d2f rgb(253,93,47)
```
#fd6c42
```
#fd6c42 rgb(253,108,66)
```
#fd7b56
```
#fd7b56 rgb(253,123,86)
```
#fe8a69
```
#fe8a69 rgb(254,138,105)
```
#fe9a7d
```
#fe9a7d rgb(254,154,125)
```
#fea990
```
#fea990 rgb(254,169,144)
```
#feb8a4
```
#feb8a4 rgb(254,184,164)
```
#fec7b7
```
#fec7b7 rgb(254,199,183)
```
#fed6ca
```
#fed6ca rgb(254,214,202)
```
#ffe5de
```
#ffe5de rgb(255,229,222)
```
#fff4f1
```
#fff4f1 rgb(255,244,241)
```

Tint Color Variation

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

#9c9390
```
#9c9390 rgb(156,147,144)
```
#a48e88
```
#a48e88 rgb(164,142,136)
```
#ac8a80
```
#ac8a80 rgb(172,138,128)
```
#b48578
```
#b48578 rgb(180,133,120)
```
#bc8170
```
#bc8170 rgb(188,129,112)
```
#c47c68
```
#c47c68 rgb(196,124,104)
```
#cd785f
```
#cd785f rgb(205,120,95)
```
#d57357
```
#d57357 rgb(213,115,87)
```
#dd6f4f
```
#dd6f4f rgb(221,111,79)
```
#e56a47
```
#e56a47 rgb(229,106,71)
```
#ed663f
```
#ed663f rgb(237,102,63)
```
#f56137
```
#f56137 rgb(245,97,55)
```
#fd5d2f
```
#fd5d2f rgb(253,93,47)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#9f7f76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89847 Protanopia 1% of men
#bd902a Deuteranopia 1% of men
#fe6065 Tritanopia 0.001% of the population

Trichromacy

#c7823e Protanomaly 1% of men, 0.01% of women
#d47e2b Deuteranomaly 6% of men, 0.4% of women
#fe5f51 Tritanomaly 0.01% of the population

#fd5d2f hex color

#fd5d2f Color Information

#fd5d2f Color Conversion

Color Schemes with #fd5d2f

Alternatives to #fd5d2f

#fd5d2f Preview

Shades and Tints of #fd5d2f

Tones of #fd5d2f

Color Blindness Simulator