#ff5e1f hex color

In a RGB color space, hex #ff5e1f is composed of 100% red, 36.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.1% magenta, 87.8% yellow and 0% black. It has a hue angle of 16.9 degrees, a saturation of 100% and a lightness of 56.1%. #ff5e1f color hex could be obtained by blending #ffbc3e with #ff0000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 100
- G 37
- B 12
RGB color chart
- C 0
- M 63
- Y 88
- K 0
CMYK color chart

● #ff5e1f color description : Vivid orange.

The hexadecimal color #ff5e1f has RGB values of R:255, G:94, B:31 and CMYK values of C:0, M:0.63, Y:0.88, K:0. Its decimal value is 16735775.

Hex triplet	ff5e1f	`#ff5e1f`
RGB Decimal	255, 94, 31	`rgb(255,94,31)`
RGB Percent	100, 36.9, 12.2	`rgb(100%,36.9%,12.2%)`
CMYK	0, 63, 88, 0
HSL	16.9°, 100, 56.1	`hsl(16.9,100%,56.1%)`
HSV (or HSB)	16.9°, 87.8, 100
Web Safe	ff6633	`#ff6633`

CIE-LAB	61.106, 58.759, 63.439
XYZ	45.492, 29.369, 4.57
xyY	0.573, 0.37, 29.369
CIE-LCH	61.106, 86.47, 47.193
CIE-LUV	61.106, 132.093, 48.128
Hunter-Lab	54.194, 55.001, 32.936
Binary	11111111, 01011110, 00011111

#ff5e1f
```
#ff5e1f rgb(255,94,31)
```
#1fc0ff
```
#1fc0ff rgb(31,192,255)
```

Complementary Color

#ff1f50
```
#ff1f50 rgb(255,31,80)
```
#ff5e1f
```
#ff5e1f rgb(255,94,31)
```
#ffce1f
```
#ffce1f rgb(255,206,31)
```

Analogous Color

#1f50ff
```
#1f50ff rgb(31,80,255)
```
#ff5e1f
```
#ff5e1f rgb(255,94,31)
```
#1fffce
```
#1fffce rgb(31,255,206)
```

Split Complementary Color

#5e1fff
```
#5e1fff rgb(94,31,255)
```
#ff5e1f
```
#ff5e1f rgb(255,94,31)
```
#1fff5e
```
#1fff5e rgb(31,255,94)
```

Triadic Color

#ff1fc0
```
#ff1fc0 rgb(255,31,192)
```
#ff5e1f
```
#ff5e1f rgb(255,94,31)
```
#1fff5e
```
#1fff5e rgb(31,255,94)
```
#1fc0ff
```
#1fc0ff rgb(31,192,255)
```

Tetradic Color

#d23b00
```
#d23b00 rgb(210,59,0)
```
#eb4200
```
#eb4200 rgb(235,66,0)
```
#ff4c05
```
#ff4c05 rgb(255,76,5)
```
#ff5e1f
```
#ff5e1f rgb(255,94,31)
```
#ff7039
```
#ff7039 rgb(255,112,57)
```
#ff8352
```
#ff8352 rgb(255,131,82)
```
#ff956c
```
#ff956c rgb(255,149,108)
```

Monochromatic Color

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

#ff261f
```
#ff261f rgb(255,38,31)
```
#ff391f
```
#ff391f rgb(255,57,31)
```
#ff4b1f
```
#ff4b1f rgb(255,75,31)
```
#ff5e1f
```
#ff5e1f rgb(255,94,31)
```
#ff711f
```
#ff711f rgb(255,113,31)
```
#ff831f
```
#ff831f rgb(255,131,31)
```
#ff961f
```
#ff961f rgb(255,150,31)
```

Similar Colors

Text with hexadecimal color #ff5e1f

This text has a font color of #ff5e1f.

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

#ff5e1f background color

This paragraph has a background color of #ff5e1f.

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

#ff5e1f border color

This element has a border color of #ff5e1f.

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

CSS codes

.text {color:#ff5e1f;}

.background {background-color:#ff5e1f;}

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

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

#0b0300
```
#0b0300 rgb(11,3,0)
```
#1f0900
```
#1f0900 rgb(31,9,0)
```
#330e00
```
#330e00 rgb(51,14,0)
```
#461400
```
#461400 rgb(70,20,0)
```
#5a1900
```
#5a1900 rgb(90,25,0)
```
#6d1f00
```
#6d1f00 rgb(109,31,0)
```
#812400
```
#812400 rgb(129,36,0)
```
#952a00
```
#952a00 rgb(149,42,0)
```
#a82f00
```
#a82f00 rgb(168,47,0)
```
#bc3500
```
#bc3500 rgb(188,53,0)
```
#d03a00
```
#d03a00 rgb(208,58,0)
```
#e34000
```
#e34000 rgb(227,64,0)
```
#f74500
```
#f74500 rgb(247,69,0)
```

Shade Color Variation

#ff500b
```
#ff500b rgb(255,80,11)
```
#ff5e1f
```
#ff5e1f rgb(255,94,31)
```
#ff6c33
```
#ff6c33 rgb(255,108,51)
```
#ff7a46
```
#ff7a46 rgb(255,122,70)
```
#ff885a
```
#ff885a rgb(255,136,90)
```
#ff966d
```
#ff966d rgb(255,150,109)
```
#ffa481
```
#ffa481 rgb(255,164,129)
```
#ffb395
```
#ffb395 rgb(255,179,149)
```
#ffc1a8
```
#ffc1a8 rgb(255,193,168)
```
#ffcfbc
```
#ffcfbc rgb(255,207,188)
```
#ffddd0
```
#ffddd0 rgb(255,221,208)
```
#ffebe3
```
#ffebe3 rgb(255,235,227)
```
#fff9f7
```
#fff9f7 rgb(255,249,247)
```

Tint Color Variation

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

#988b86
```
#988b86 rgb(152,139,134)
```
#a0877e
```
#a0877e rgb(160,135,126)
```
#a98475
```
#a98475 rgb(169,132,117)
```
#b1806d
```
#b1806d rgb(177,128,109)
```
#ba7c64
```
#ba7c64 rgb(186,124,100)
```
#c3785b
```
#c3785b rgb(195,120,91)
```
#cb7553
```
#cb7553 rgb(203,117,83)
```
#d4714a
```
#d4714a rgb(212,113,74)
```
#dd6d41
```
#dd6d41 rgb(221,109,65)
```
#e56939
```
#e56939 rgb(229,105,57)
```
#ee6630
```
#ee6630 rgb(238,102,48)
```
#f66228
```
#f66228 rgb(246,98,40)
```
#ff5e1f
```
#ff5e1f rgb(255,94,31)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#9f7f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9937 Protanopia 1% of men
#bf9106 Deuteranopia 1% of men
#ff6267 Tritanopia 0.001% of the population

Trichromacy

#c9832e Protanomaly 1% of men, 0.01% of women
#d67e0f Deuteranomaly 6% of men, 0.4% of women
#ff604c Tritanomaly 0.01% of the population

#ff5e1f hex color

#ff5e1f Color Information

#ff5e1f Color Conversion

Color Schemes with #ff5e1f

Alternatives to #ff5e1f

#ff5e1f Preview

Shades and Tints of #ff5e1f

Tones of #ff5e1f

Color Blindness Simulator