#fd500e hex color

In a RGB color space, hex #fd500e is composed of 99.2% red, 31.4% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.4% magenta, 94.5% yellow and 0.8% black. It has a hue angle of 16.6 degrees, a saturation of 98.4% and a lightness of 52.4%. #fd500e color hex could be obtained by blending #ffa01c with #fb0000. Closest websafe color is: #ff6600.

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

● #fd500e color description : Vivid orange.

The hexadecimal color #fd500e has RGB values of R:253, G:80, B:14 and CMYK values of C:0, M:0.68, Y:0.94, K:0.01. Its decimal value is 16601102.

Hex triplet	fd500e	`#fd500e`
RGB Decimal	253, 80, 14	`rgb(253,80,14)`
RGB Percent	99.2, 31.4, 5.5	`rgb(99.2%,31.4%,5.5%)`
CMYK	0, 68, 94, 1
HSL	16.6°, 98.4, 52.4	`hsl(16.6,98.4%,52.4%)`
HSV (or HSB)	16.6°, 94.5, 99.2
Web Safe	ff6600	`#ff6600`

CIE-LAB	58.655, 63.405, 66.534
XYZ	43.458, 26.657, 3.272
xyY	0.592, 0.363, 26.657
CIE-LCH	58.655, 91.907, 46.379
CIE-LUV	58.655, 141.667, 46.605
Hunter-Lab	51.63, 59.894, 32.383
Binary	11111101, 01010000, 00001110

#fd500e
```
#fd500e rgb(253,80,14)
```
#0ebbfd
```
#0ebbfd rgb(14,187,253)
```

Complementary Color

#fd0e44
```
#fd0e44 rgb(253,14,68)
```
#fd500e
```
#fd500e rgb(253,80,14)
```
#fdc80e
```
#fdc80e rgb(253,200,14)
```

Analogous Color

#0e44fd
```
#0e44fd rgb(14,68,253)
```
#fd500e
```
#fd500e rgb(253,80,14)
```
#0efdc8
```
#0efdc8 rgb(14,253,200)
```

Split Complementary Color

#500efd
```
#500efd rgb(80,14,253)
```
#fd500e
```
#fd500e rgb(253,80,14)
```
#0efd50
```
#0efd50 rgb(14,253,80)
```

Triadic Color

#fd0ebb
```
#fd0ebb rgb(253,14,187)
```
#fd500e
```
#fd500e rgb(253,80,14)
```
#0efd50
```
#0efd50 rgb(14,253,80)
```
#0ebbfd
```
#0ebbfd rgb(14,187,253)
```

Tetradic Color

#bd3502
```
#bd3502 rgb(189,53,2)
```
#d63c02
```
#d63c02 rgb(214,60,2)
```
#f04402
```
#f04402 rgb(240,68,2)
```
#fd500e
```
#fd500e rgb(253,80,14)
```
#fd6227
```
#fd6227 rgb(253,98,39)
```
#fd7541
```
#fd7541 rgb(253,117,65)
```
#fe875a
```
#fe875a rgb(254,135,90)
```

Monochromatic Color

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

#fd140e
```
#fd140e rgb(253,20,14)
```
#fd280e
```
#fd280e rgb(253,40,14)
```
#fd3c0e
```
#fd3c0e rgb(253,60,14)
```
#fd500e
```
#fd500e rgb(253,80,14)
```
#fd640e
```
#fd640e rgb(253,100,14)
```
#fd780e
```
#fd780e rgb(253,120,14)
```
#fd8c0e
```
#fd8c0e rgb(253,140,14)
```

Similar Colors

Text with hexadecimal color #fd500e

This text has a font color of #fd500e.

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

#fd500e background color

This paragraph has a background color of #fd500e.

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

#fd500e border color

This element has a border color of #fd500e.

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

CSS codes

.text {color:#fd500e;}

.background {background-color:#fd500e;}

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

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

#0c0300
```
#0c0300 rgb(12,3,0)
```
#1f0900
```
#1f0900 rgb(31,9,0)
```
#330e00
```
#330e00 rgb(51,14,0)
```
#461401
```
#461401 rgb(70,20,1)
```
#5a1901
```
#5a1901 rgb(90,25,1)
```
#6d1f01
```
#6d1f01 rgb(109,31,1)
```
#812401
```
#812401 rgb(129,36,1)
```
#942a01
```
#942a01 rgb(148,42,1)
```
#a82f01
```
#a82f01 rgb(168,47,1)
```
#bb3502
```
#bb3502 rgb(187,53,2)
```
#ce3a02
```
#ce3a02 rgb(206,58,2)
```
#e24002
```
#e24002 rgb(226,64,2)
```
#f54502
```
#f54502 rgb(245,69,2)
```

Shade Color Variation

#fd500e
```
#fd500e rgb(253,80,14)
```
#fd5e21
```
#fd5e21 rgb(253,94,33)
```
#fd6c35
```
#fd6c35 rgb(253,108,53)
```
#fd7a48
```
#fd7a48 rgb(253,122,72)
```
#fe895c
```
#fe895c rgb(254,137,92)
```
#fe976f
```
#fe976f rgb(254,151,111)
```
#fea583
```
#fea583 rgb(254,165,131)
```
#feb396
```
#feb396 rgb(254,179,150)
```
#fec1aa
```
#fec1aa rgb(254,193,170)
```
#fecfbd
```
#fecfbd rgb(254,207,189)
```
#ffddd1
```
#ffddd1 rgb(255,221,209)
```
#ffebe4
```
#ffebe4 rgb(255,235,228)
```
#fffaf7
```
#fffaf7 rgb(255,250,247)
```

Tint Color Variation

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

#8d827e
```
#8d827e rgb(141,130,126)
```
#967e75
```
#967e75 rgb(150,126,117)
```
#a07a6b
```
#a07a6b rgb(160,122,107)
```
#a97662
```
#a97662 rgb(169,118,98)
```
#b27159
```
#b27159 rgb(178,113,89)
```
#bc6d4f
```
#bc6d4f rgb(188,109,79)
```
#c56946
```
#c56946 rgb(197,105,70)
```
#ce653d
```
#ce653d rgb(206,101,61)
```
#d86133
```
#d86133 rgb(216,97,51)
```
#e15d2a
```
#e15d2a rgb(225,93,42)
```
#ea5821
```
#ea5821 rgb(234,88,33)
```
#f45417
```
#f45417 rgb(244,84,23)
```
#fd500e
```
#fd500e rgb(253,80,14)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#967366 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49329 Protanopia 1% of men
#b78c00 Deuteranopia 1% of men
#fe5357 Tritanopia 0.001% of the population

Trichromacy

#c47a1f Protanomaly 1% of men, 0.01% of women
#d07605 Deuteranomaly 6% of men, 0.4% of women
#fd523c Tritanomaly 0.01% of the population

#fd500e hex color

#fd500e Color Information

#fd500e Color Conversion

Color Schemes with #fd500e

Alternatives to #fd500e

#fd500e Preview

Shades and Tints of #fd500e

Tones of #fd500e

Color Blindness Simulator