#ff5d1b hex color

In a RGB color space, hex #ff5d1b is composed of 100% red, 36.5% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.5% magenta, 89.4% yellow and 0% black. It has a hue angle of 17.4 degrees, a saturation of 100% and a lightness of 55.3%. #ff5d1b color hex could be obtained by blending #ffba36 with #ff0000. Closest websafe color is: #ff6633.

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

● #ff5d1b color description : Vivid orange.

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

Hex triplet	ff5d1b	`#ff5d1b`
RGB Decimal	255, 93, 27	`rgb(255,93,27)`
RGB Percent	100, 36.5, 10.6	`rgb(100%,36.5%,10.6%)`
CMYK	0, 64, 89, 0
HSL	17.4°, 100, 55.3	`hsl(17.4,100%,55.3%)`
HSV (or HSB)	17.4°, 89.4, 100
Web Safe	ff6633	`#ff6633`

CIE-LAB	60.934, 59.106, 64.644
XYZ	45.354, 29.173, 4.28
xyY	0.576, 0.37, 29.173
CIE-LCH	60.934, 87.592, 47.562
CIE-LUV	60.934, 133.141, 48.51
Hunter-Lab	54.012, 55.367, 33.111
Binary	11111111, 01011101, 00011011

#ff5d1b
```
#ff5d1b rgb(255,93,27)
```
#1bbdff
```
#1bbdff rgb(27,189,255)
```

Complementary Color

#ff1b4b
```
#ff1b4b rgb(255,27,75)
```
#ff5d1b
```
#ff5d1b rgb(255,93,27)
```
#ffcf1b
```
#ffcf1b rgb(255,207,27)
```

Analogous Color

#1b4bff
```
#1b4bff rgb(27,75,255)
```
#ff5d1b
```
#ff5d1b rgb(255,93,27)
```
#1bffcf
```
#1bffcf rgb(27,255,207)
```

Split Complementary Color

#5d1bff
```
#5d1bff rgb(93,27,255)
```
#ff5d1b
```
#ff5d1b rgb(255,93,27)
```
#1bff5d
```
#1bff5d rgb(27,255,93)
```

Triadic Color

#ff1bbd
```
#ff1bbd rgb(255,27,189)
```
#ff5d1b
```
#ff5d1b rgb(255,93,27)
```
#1bff5d
```
#1bff5d rgb(27,255,93)
```
#1bbdff
```
#1bbdff rgb(27,189,255)
```

Tetradic Color

#ce3b00
```
#ce3b00 rgb(206,59,0)
```
#e74300
```
#e74300 rgb(231,67,0)
```
#ff4b01
```
#ff4b01 rgb(255,75,1)
```
#ff5d1b
```
#ff5d1b rgb(255,93,27)
```
#ff6f35
```
#ff6f35 rgb(255,111,53)
```
#ff814e
```
#ff814e rgb(255,129,78)
```
#ff9368
```
#ff9368 rgb(255,147,104)
```

Monochromatic Color

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

#ff241b
```
#ff241b rgb(255,36,27)
```
#ff371b
```
#ff371b rgb(255,55,27)
```
#ff4a1b
```
#ff4a1b rgb(255,74,27)
```
#ff5d1b
```
#ff5d1b rgb(255,93,27)
```
#ff701b
```
#ff701b rgb(255,112,27)
```
#ff831b
```
#ff831b rgb(255,131,27)
```
#ff961b
```
#ff961b rgb(255,150,27)
```

Similar Colors

Text with hexadecimal color #ff5d1b

This text has a font color of #ff5d1b.

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

#ff5d1b background color

This paragraph has a background color of #ff5d1b.

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

#ff5d1b border color

This element has a border color of #ff5d1b.

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

CSS codes

.text {color:#ff5d1b;}

.background {background-color:#ff5d1b;}

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

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

#070200
```
#070200 rgb(7,2,0)
```
#1b0800
```
#1b0800 rgb(27,8,0)
```
#2f0d00
```
#2f0d00 rgb(47,13,0)
```
#421300
```
#421300 rgb(66,19,0)
```
#561900
```
#561900 rgb(86,25,0)
```
#691f00
```
#691f00 rgb(105,31,0)
```
#7d2400
```
#7d2400 rgb(125,36,0)
```
#912a00
```
#912a00 rgb(145,42,0)
```
#a43000
```
#a43000 rgb(164,48,0)
```
#b83500
```
#b83500 rgb(184,53,0)
```
#cc3b00
```
#cc3b00 rgb(204,59,0)
```
#df4100
```
#df4100 rgb(223,65,0)
```
#f34600
```
#f34600 rgb(243,70,0)
```

Shade Color Variation

#ff4f07
```
#ff4f07 rgb(255,79,7)
```
#ff5d1b
```
#ff5d1b rgb(255,93,27)
```
#ff6b2f
```
#ff6b2f rgb(255,107,47)
```
#ff7942
```
#ff7942 rgb(255,121,66)
```
#ff8756
```
#ff8756 rgb(255,135,86)
```
#ff9569
```
#ff9569 rgb(255,149,105)
```
#ffa37d
```
#ffa37d rgb(255,163,125)
```
#ffb191
```
#ffb191 rgb(255,177,145)
```
#ffbfa4
```
#ffbfa4 rgb(255,191,164)
```
#ffccb8
```
#ffccb8 rgb(255,204,184)
```
#ffdacc
```
#ffdacc rgb(255,218,204)
```
#ffe8df
```
#ffe8df rgb(255,232,223)
```
#fff6f3
```
#fff6f3 rgb(255,246,243)
```

Tint Color Variation

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

#968984
```
#968984 rgb(150,137,132)
```
#9f867b
```
#9f867b rgb(159,134,123)
```
#a78273
```
#a78273 rgb(167,130,115)
```
#b07e6a
```
#b07e6a rgb(176,126,106)
```
#b97b61
```
#b97b61 rgb(185,123,97)
```
#c27758
```
#c27758 rgb(194,119,88)
```
#ca7350
```
#ca7350 rgb(202,115,80)
```
#d36f47
```
#d36f47 rgb(211,111,71)
```
#dc6c3e
```
#dc6c3e rgb(220,108,62)
```
#e56835
```
#e56835 rgb(229,104,53)
```
#ed642d
```
#ed642d rgb(237,100,45)
```
#f66124
```
#f66124 rgb(246,97,36)
```
#ff5d1b
```
#ff5d1b rgb(255,93,27)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#9e7e71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9833 Protanopia 1% of men
#bf9100 Deuteranopia 1% of men
#ff6166 Tritanopia 0.001% of the population

Trichromacy

#c9832a Protanomaly 1% of men, 0.01% of women
#d67e09 Deuteranomaly 6% of men, 0.4% of women
#ff5f4a Tritanomaly 0.01% of the population

#ff5d1b hex color

#ff5d1b Color Information

#ff5d1b Color Conversion

Color Schemes with #ff5d1b

Alternatives to #ff5d1b

#ff5d1b Preview

Shades and Tints of #ff5d1b

Tones of #ff5d1b

Color Blindness Simulator