#fd5020 hex color

In a RGB color space, hex #fd5020 is composed of 99.2% red, 31.4% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.4% magenta, 87.4% yellow and 0.8% black. It has a hue angle of 13 degrees, a saturation of 98.2% and a lightness of 55.9%. #fd5020 color hex could be obtained by blending #ffa040 with #fb0000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 99
- G 31
- B 13
RGB color chart
- C 0
- M 68
- Y 87
- K 1
CMYK color chart

● #fd5020 color description : Vivid red.

The hexadecimal color #fd5020 has RGB values of R:253, G:80, B:32 and CMYK values of C:0, M:0.68, Y:0.87, K:0.01. Its decimal value is 16601120.

Hex triplet	fd5020	`#fd5020`
RGB Decimal	253, 80, 32	`rgb(253,80,32)`
RGB Percent	99.2, 31.4, 12.5	`rgb(99.2%,31.4%,12.5%)`
CMYK	0, 68, 87, 1
HSL	13°, 98.2, 55.9	`hsl(13,98.2%,55.9%)`
HSV (or HSB)	13°, 87.4, 99.2
Web Safe	ff6633	`#ff6633`

CIE-LAB	58.723, 63.648, 61.107
XYZ	43.64, 26.729, 4.228
xyY	0.585, 0.358, 26.729
CIE-LCH	58.723, 88.234, 43.833
CIE-LUV	58.723, 140.393, 44.093
Hunter-Lab	51.7, 60.193, 31.342
Binary	11111101, 01010000, 00100000

#fd5020
```
#fd5020 rgb(253,80,32)
```
#20cdfd
```
#20cdfd rgb(32,205,253)
```

Complementary Color

#fd205f
```
#fd205f rgb(253,32,95)
```
#fd5020
```
#fd5020 rgb(253,80,32)
```
#fdbf20
```
#fdbf20 rgb(253,191,32)
```

Analogous Color

#205ffd
```
#205ffd rgb(32,95,253)
```
#fd5020
```
#fd5020 rgb(253,80,32)
```
#20fdbf
```
#20fdbf rgb(32,253,191)
```

Split Complementary Color

#5020fd
```
#5020fd rgb(80,32,253)
```
#fd5020
```
#fd5020 rgb(253,80,32)
```
#20fd50
```
#20fd50 rgb(32,253,80)
```

Triadic Color

#fd20cd
```
#fd20cd rgb(253,32,205)
```
#fd5020
```
#fd5020 rgb(253,80,32)
```
#20fd50
```
#20fd50 rgb(32,253,80)
```
#20cdfd
```
#20cdfd rgb(32,205,253)
```

Tetradic Color

#cf2e02
```
#cf2e02 rgb(207,46,2)
```
#e83402
```
#e83402 rgb(232,52,2)
```
#fd3c07
```
#fd3c07 rgb(253,60,7)
```
#fd5020
```
#fd5020 rgb(253,80,32)
```
#fd6439
```
#fd6439 rgb(253,100,57)
```
#fd7853
```
#fd7853 rgb(253,120,83)
```
#fe8c6c
```
#fe8c6c rgb(254,140,108)
```

Monochromatic Color

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

#fd2027
```
#fd2027 rgb(253,32,39)
```
#fd2b20
```
#fd2b20 rgb(253,43,32)
```
#fd3e20
```
#fd3e20 rgb(253,62,32)
```
#fd5020
```
#fd5020 rgb(253,80,32)
```
#fd6220
```
#fd6220 rgb(253,98,32)
```
#fd7520
```
#fd7520 rgb(253,117,32)
```
#fd8720
```
#fd8720 rgb(253,135,32)
```

Similar Colors

Text with hexadecimal color #fd5020

This text has a font color of #fd5020.

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

#fd5020 background color

This paragraph has a background color of #fd5020.

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

#fd5020 border color

This element has a border color of #fd5020.

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

CSS codes

.text {color:#fd5020;}

.background {background-color:#fd5020;}

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

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, #0a0200 is the darkest color, while #fff8f6 is the lightest one.

#0a0200
```
#0a0200 rgb(10,2,0)
```
#1e0700
```
#1e0700 rgb(30,7,0)
```
#310b00
```
#310b00 rgb(49,11,0)
```
#450f01
```
#450f01 rgb(69,15,1)
```
#581401
```
#581401 rgb(88,20,1)
```
#6b1801
```
#6b1801 rgb(107,24,1)
```
#7f1c01
```
#7f1c01 rgb(127,28,1)
```
#922101
```
#922101 rgb(146,33,1)
```
#a62501
```
#a62501 rgb(166,37,1)
```
#b92a02
```
#b92a02 rgb(185,42,2)
```
#cd2e02
```
#cd2e02 rgb(205,46,2)
```
#e03202
```
#e03202 rgb(224,50,2)
```
#f43702
```
#f43702 rgb(244,55,2)
```

Shade Color Variation

#fd410d
```
#fd410d rgb(253,65,13)
```
#fd5020
```
#fd5020 rgb(253,80,32)
```
#fd5f33
```
#fd5f33 rgb(253,95,51)
```
#fd6f47
```
#fd6f47 rgb(253,111,71)
```
#fe7e5a
```
#fe7e5a rgb(254,126,90)
```
#fe8d6e
```
#fe8d6e rgb(254,141,110)
```
#fe9c81
```
#fe9c81 rgb(254,156,129)
```
#feac95
```
#feac95 rgb(254,172,149)
```
#febba8
```
#febba8 rgb(254,187,168)
```
#fecabc
```
#fecabc rgb(254,202,188)
```
#ffd9cf
```
#ffd9cf rgb(255,217,207)
```
#ffe9e2
```
#ffe9e2 rgb(255,233,226)
```
#fff8f6
```
#fff8f6 rgb(255,248,246)
```

Tint Color Variation

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

#958b88
```
#958b88 rgb(149,139,136)
```
#9e867f
```
#9e867f rgb(158,134,127)
```
#a68177
```
#a68177 rgb(166,129,119)
```
#af7c6e
```
#af7c6e rgb(175,124,110)
```
#b87765
```
#b87765 rgb(184,119,101)
```
#c0725d
```
#c0725d rgb(192,114,93)
```
#c96d54
```
#c96d54 rgb(201,109,84)
```
#d2684b
```
#d2684b rgb(210,104,75)
```
#da6443
```
#da6443 rgb(218,100,67)
```
#e35f3a
```
#e35f3a rgb(227,95,58)
```
#ec5a31
```
#ec5a31 rgb(236,90,49)
```
#f45529
```
#f45529 rgb(244,85,41)
```
#fd5020
```
#fd5020 rgb(253,80,32)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#97756b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39339 Protanopia 1% of men
#b88c05 Deuteranopia 1% of men
#fe5458 Tritanopia 0.001% of the population

Trichromacy

#c47a30 Protanomaly 1% of men, 0.01% of women
#d1760f Deuteranomaly 6% of men, 0.4% of women
#fd5243 Tritanomaly 0.01% of the population

#fd5020 hex color

#fd5020 Color Information

#fd5020 Color Conversion

Color Schemes with #fd5020

Alternatives to #fd5020

#fd5020 Preview

Shades and Tints of #fd5020

Tones of #fd5020

Color Blindness Simulator