#ff5d00 hex color

In a RGB color space, hex #ff5d00 is composed of 100% red, 36.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.5% magenta, 100% yellow and 0% black. It has a hue angle of 21.9 degrees, a saturation of 100% and a lightness of 50%. #ff5d00 color hex could be obtained by blending #ffba00 with #ff0000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 100
- G 36
- B 0
RGB color chart
- C 0
- M 64
- Y 100
- K 0
CMYK color chart

● #ff5d00 color description : Pure (or mostly pure) orange.

The hexadecimal color #ff5d00 has RGB values of R:255, G:93, B:0 and CMYK values of C:0, M:0.64, Y:1, K:0. Its decimal value is 16735488.

Hex triplet	ff5d00	`#ff5d00`
RGB Decimal	255, 93, 0	`rgb(255,93,0)`
RGB Percent	100, 36.5, 0	`rgb(100%,36.5%,0%)`
CMYK	0, 64, 100, 0
HSL	21.9°, 100, 50	`hsl(21.9,100%,50%)`
HSV (or HSB)	21.9°, 100, 100
Web Safe	ff6600	`#ff6600`

CIE-LAB	60.864, 58.837, 70.562
XYZ	45.157, 29.094, 3.238
xyY	0.583, 0.375, 29.094
CIE-LCH	60.864, 91.874, 50.177
CIE-LUV	60.864, 134.372, 51.154
Hunter-Lab	53.939, 55.044, 34.198
Binary	11111111, 01011101, 00000000

#ff5d00
```
#ff5d00 rgb(255,93,0)
```
#00a2ff
```
#00a2ff rgb(0,162,255)
```

Complementary Color

#ff0023
```
#ff0023 rgb(255,0,35)
```
#ff5d00
```
#ff5d00 rgb(255,93,0)
```
#ffdd00
```
#ffdd00 rgb(255,221,0)
```

Analogous Color

#0023ff
```
#0023ff rgb(0,35,255)
```
#ff5d00
```
#ff5d00 rgb(255,93,0)
```
#00ffdd
```
#00ffdd rgb(0,255,221)
```

Split Complementary Color

#5d00ff
```
#5d00ff rgb(93,0,255)
```
#ff5d00
```
#ff5d00 rgb(255,93,0)
```
#00ff5d
```
#00ff5d rgb(0,255,93)
```

Triadic Color

#ff00a2
```
#ff00a2 rgb(255,0,162)
```
#ff5d00
```
#ff5d00 rgb(255,93,0)
```
#00ff5d
```
#00ff5d rgb(0,255,93)
```
#00a2ff
```
#00a2ff rgb(0,162,255)
```

Tetradic Color

#b34100
```
#b34100 rgb(179,65,0)
```
#cc4a00
```
#cc4a00 rgb(204,74,0)
```
#e65400
```
#e65400 rgb(230,84,0)
```
#ff5d00
```
#ff5d00 rgb(255,93,0)
```
#ff6d1a
```
#ff6d1a rgb(255,109,26)
```
#ff7d33
```
#ff7d33 rgb(255,125,51)
```
#ff8e4d
```
#ff8e4d rgb(255,142,77)
```

Monochromatic Color

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

#ff1d00
```
#ff1d00 rgb(255,29,0)
```
#ff3300
```
#ff3300 rgb(255,51,0)
```
#ff4800
```
#ff4800 rgb(255,72,0)
```
#ff5d00
```
#ff5d00 rgb(255,93,0)
```
#ff7200
```
#ff7200 rgb(255,114,0)
```
#ff8800
```
#ff8800 rgb(255,136,0)
```
#ff9d00
```
#ff9d00 rgb(255,157,0)
```

Similar Colors

Text with hexadecimal color #ff5d00

This text has a font color of #ff5d00.

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

#ff5d00 background color

This paragraph has a background color of #ff5d00.

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

#ff5d00 border color

This element has a border color of #ff5d00.

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

CSS codes

.text {color:#ff5d00;}

.background {background-color:#ff5d00;}

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

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

#140700
```
#140700 rgb(20,7,0)
```
#270e00
```
#270e00 rgb(39,14,0)
```
#3b1500
```
#3b1500 rgb(59,21,0)
```
#4e1d00
```
#4e1d00 rgb(78,29,0)
```
#622400
```
#622400 rgb(98,36,0)
```
#762b00
```
#762b00 rgb(118,43,0)
```
#893200
```
#893200 rgb(137,50,0)
```
#9d3900
```
#9d3900 rgb(157,57,0)
```
#b14000
```
#b14000 rgb(177,64,0)
```
#c44800
```
#c44800 rgb(196,72,0)
```
#d84f00
```
#d84f00 rgb(216,79,0)
```
#eb5600
```
#eb5600 rgb(235,86,0)
```
#ff5d00
```
#ff5d00 rgb(255,93,0)
```

Shade Color Variation

#ff6914
```
#ff6914 rgb(255,105,20)
```
#ff7627
```
#ff7627 rgb(255,118,39)
```
#ff823b
```
#ff823b rgb(255,130,59)
```
#ff8f4e
```
#ff8f4e rgb(255,143,78)
```
#ff9b62
```
#ff9b62 rgb(255,155,98)
```
#ffa876
```
#ffa876 rgb(255,168,118)
```
#ffb489
```
#ffb489 rgb(255,180,137)
```
#ffc19d
```
#ffc19d rgb(255,193,157)
```
#ffcdb1
```
#ffcdb1 rgb(255,205,177)
```
#ffdac4
```
#ffdac4 rgb(255,218,196)
```
#ffe6d8
```
#ffe6d8 rgb(255,230,216)
```
#fff3eb
```
#fff3eb rgb(255,243,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#897d76
```
#897d76 rgb(137,125,118)
```
#937a6c
```
#937a6c rgb(147,122,108)
```
#9d7862
```
#9d7862 rgb(157,120,98)
```
#a77558
```
#a77558 rgb(167,117,88)
```
#b1724e
```
#b1724e rgb(177,114,78)
```
#ba7045
```
#ba7045 rgb(186,112,69)
```
#c46d3b
```
#c46d3b rgb(196,109,59)
```
#ce6a31
```
#ce6a31 rgb(206,106,49)
```
#d86827
```
#d86827 rgb(216,104,39)
```
#e2651d
```
#e2651d rgb(226,101,29)
```
#eb6214
```
#eb6214 rgb(235,98,20)
```
#f5600a
```
#f5600a rgb(245,96,10)
```
#ff5d00
```
#ff5d00 rgb(255,93,0)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#9c7b69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa981d Protanopia 1% of men
#be9100 Deuteranopia 1% of men
#ff6165 Tritanopia 0.001% of the population

Trichromacy

#c98312 Protanomaly 1% of men, 0.01% of women
#d57e00 Deuteranomaly 6% of men, 0.4% of women
#ff5f40 Tritanomaly 0.01% of the population

#ff5d00 hex color

#ff5d00 Color Information

#ff5d00 Color Conversion

Color Schemes with #ff5d00

Alternatives to #ff5d00

#ff5d00 Preview

Shades and Tints of #ff5d00

Tones of #ff5d00

Color Blindness Simulator