#ff500d hex color

In a RGB color space, hex #ff500d is composed of 100% red, 31.4% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.6% magenta, 94.9% yellow and 0% black. It has a hue angle of 16.6 degrees, a saturation of 100% and a lightness of 52.5%. #ff500d color hex could be obtained by blending #ffa01a with #ff0000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 100
- G 31
- B 5
RGB color chart
- C 0
- M 69
- Y 95
- K 0
CMYK color chart

● #ff500d color description : Vivid orange.

The hexadecimal color #ff500d has RGB values of R:255, G:80, B:13 and CMYK values of C:0, M:0.69, Y:0.95, K:0. Its decimal value is 16732173.

Hex triplet	ff500d	`#ff500d`
RGB Decimal	255, 80, 13	`rgb(255,80,13)`
RGB Percent	100, 31.4, 5.1	`rgb(100%,31.4%,5.1%)`
CMYK	0, 69, 95, 0
HSL	16.6°, 100, 52.5	`hsl(16.6,100%,52.5%)`
HSV (or HSB)	16.6°, 94.9, 100
Web Safe	ff6600	`#ff6600`

CIE-LAB	59.004, 64.035, 67.137
XYZ	44.184, 27.032, 3.272
xyY	0.593, 0.363, 27.032
CIE-LCH	59.004, 92.779, 46.355
CIE-LUV	59.004, 143.288, 46.904
Hunter-Lab	51.992, 60.706, 32.663
Binary	11111111, 01010000, 00001101

#ff500d
```
#ff500d rgb(255,80,13)
```
#0dbcff
```
#0dbcff rgb(13,188,255)
```

Complementary Color

#ff0d43
```
#ff0d43 rgb(255,13,67)
```
#ff500d
```
#ff500d rgb(255,80,13)
```
#ffc90d
```
#ffc90d rgb(255,201,13)
```

Analogous Color

#0d43ff
```
#0d43ff rgb(13,67,255)
```
#ff500d
```
#ff500d rgb(255,80,13)
```
#0dffc9
```
#0dffc9 rgb(13,255,201)
```

Split Complementary Color

#500dff
```
#500dff rgb(80,13,255)
```
#ff500d
```
#ff500d rgb(255,80,13)
```
#0dff50
```
#0dff50 rgb(13,255,80)
```

Triadic Color

#ff0dbc
```
#ff0dbc rgb(255,13,188)
```
#ff500d
```
#ff500d rgb(255,80,13)
```
#0dff50
```
#0dff50 rgb(13,255,80)
```
#0dbcff
```
#0dbcff rgb(13,188,255)
```

Tetradic Color

#c03500
```
#c03500 rgb(192,53,0)
```
#d93c00
```
#d93c00 rgb(217,60,0)
```
#f34300
```
#f34300 rgb(243,67,0)
```
#ff500d
```
#ff500d rgb(255,80,13)
```
#ff6227
```
#ff6227 rgb(255,98,39)
```
#ff7540
```
#ff7540 rgb(255,117,64)
```
#ff875a
```
#ff875a rgb(255,135,90)
```

Monochromatic Color

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

#ff130d
```
#ff130d rgb(255,19,13)
```
#ff280d
```
#ff280d rgb(255,40,13)
```
#ff3c0d
```
#ff3c0d rgb(255,60,13)
```
#ff500d
```
#ff500d rgb(255,80,13)
```
#ff640d
```
#ff640d rgb(255,100,13)
```
#ff780d
```
#ff780d rgb(255,120,13)
```
#ff8d0d
```
#ff8d0d rgb(255,141,13)
```

Similar Colors

Text with hexadecimal color #ff500d

This text has a font color of #ff500d.

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

#ff500d background color

This paragraph has a background color of #ff500d.

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

#ff500d border color

This element has a border color of #ff500d.

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

CSS codes

.text {color:#ff500d;}

.background {background-color:#ff500d;}

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

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

#0d0400
```
#0d0400 rgb(13,4,0)
```
#210900
```
#210900 rgb(33,9,0)
```
#340e00
```
#340e00 rgb(52,14,0)
```
#481400
```
#481400 rgb(72,20,0)
```
#5b1900
```
#5b1900 rgb(91,25,0)
```
#6f1f00
```
#6f1f00 rgb(111,31,0)
```
#832400
```
#832400 rgb(131,36,0)
```
#962a00
```
#962a00 rgb(150,42,0)
```
#aa2f00
```
#aa2f00 rgb(170,47,0)
```
#be3400
```
#be3400 rgb(190,52,0)
```
#d13a00
```
#d13a00 rgb(209,58,0)
```
#e53f00
```
#e53f00 rgb(229,63,0)
```
#f84500
```
#f84500 rgb(248,69,0)
```

Shade Color Variation

#ff500d
```
#ff500d rgb(255,80,13)
```
#ff5e21
```
#ff5e21 rgb(255,94,33)
```
#ff6c34
```
#ff6c34 rgb(255,108,52)
```
#ff7b48
```
#ff7b48 rgb(255,123,72)
```
#ff895b
```
#ff895b rgb(255,137,91)
```
#ff976f
```
#ff976f rgb(255,151,111)
```
#ffa583
```
#ffa583 rgb(255,165,131)
```
#ffb396
```
#ffb396 rgb(255,179,150)
```
#ffc1aa
```
#ffc1aa rgb(255,193,170)
```
#ffd0be
```
#ffd0be rgb(255,208,190)
```
#ffded1
```
#ffded1 rgb(255,222,209)
```
#ffece5
```
#ffece5 rgb(255,236,229)
```
#fffaf8
```
#fffaf8 rgb(255,250,248)
```

Tint Color Variation

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

#8f827d
```
#8f827d rgb(143,130,125)
```
#997e73
```
#997e73 rgb(153,126,115)
```
#a27a6a
```
#a27a6a rgb(162,122,106)
```
#ab7561
```
#ab7561 rgb(171,117,97)
```
#b57157
```
#b57157 rgb(181,113,87)
```
#be6d4e
```
#be6d4e rgb(190,109,78)
```
#c76945
```
#c76945 rgb(199,105,69)
```
#d0653c
```
#d0653c rgb(208,101,60)
```
#da6132
```
#da6132 rgb(218,97,50)
```
#e35c29
```
#e35c29 rgb(227,92,41)
```
#ec5820
```
#ec5820 rgb(236,88,32)
```
#f65416
```
#f65416 rgb(246,84,22)
```
#ff500d
```
#ff500d rgb(255,80,13)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#977467 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59428 Protanopia 1% of men
#b88c00 Deuteranopia 1% of men
#ff5558 Tritanopia 0.001% of the population

Trichromacy

#c57b1e Protanomaly 1% of men, 0.01% of women
#d27604 Deuteranomaly 6% of men, 0.4% of women
#ff533d Tritanomaly 0.01% of the population

#ff500d hex color

#ff500d Color Information

#ff500d Color Conversion

Color Schemes with #ff500d

Alternatives to #ff500d

#ff500d Preview

Shades and Tints of #ff500d

Tones of #ff500d

Color Blindness Simulator