#ff5414 hex color

In a RGB color space, hex #ff5414 is composed of 100% red, 32.9% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.1% magenta, 92.2% yellow and 0% black. It has a hue angle of 16.3 degrees, a saturation of 100% and a lightness of 53.9%. #ff5414 color hex could be obtained by blending #ffa828 with #ff0000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 100
- G 33
- B 8
RGB color chart
- C 0
- M 67
- Y 92
- K 0
CMYK color chart

● #ff5414 color description : Vivid orange.

The hexadecimal color #ff5414 has RGB values of R:255, G:84, B:20 and CMYK values of C:0, M:0.67, Y:0.92, K:0. Its decimal value is 16733204.

Hex triplet	ff5414	`#ff5414`
RGB Decimal	255, 84, 20	`rgb(255,84,20)`
RGB Percent	100, 32.9, 7.8	`rgb(100%,32.9%,7.8%)`
CMYK	0, 67, 92, 0
HSL	16.3°, 100, 53.9	`hsl(16.3,100%,53.9%)`
HSV (or HSB)	16.3°, 92.2, 100
Web Safe	ff6600	`#ff6600`

CIE-LAB	59.577, 62.599, 65.789
XYZ	44.539, 27.656, 3.655
xyY	0.587, 0.365, 27.656
CIE-LCH	59.577, 90.812, 46.424
CIE-LUV	59.577, 140.132, 47.137
Hunter-Lab	52.589, 59.143, 32.692
Binary	11111111, 01010100, 00010100

#ff5414
```
#ff5414 rgb(255,84,20)
```
#14bfff
```
#14bfff rgb(20,191,255)
```

Complementary Color

#ff1449
```
#ff1449 rgb(255,20,73)
```
#ff5414
```
#ff5414 rgb(255,84,20)
```
#ffca14
```
#ffca14 rgb(255,202,20)
```

Analogous Color

#144aff
```
#144aff rgb(20,74,255)
```
#ff5414
```
#ff5414 rgb(255,84,20)
```
#14ffca
```
#14ffca rgb(20,255,202)
```

Split Complementary Color

#5414ff
```
#5414ff rgb(84,20,255)
```
#ff5414
```
#ff5414 rgb(255,84,20)
```
#14ff54
```
#14ff54 rgb(20,255,84)
```

Triadic Color

#ff14bf
```
#ff14bf rgb(255,20,191)
```
#ff5414
```
#ff5414 rgb(255,84,20)
```
#14ff54
```
#14ff54 rgb(20,255,84)
```
#14bfff
```
#14bfff rgb(20,191,255)
```

Tetradic Color

#c73600
```
#c73600 rgb(199,54,0)
```
#e03d00
```
#e03d00 rgb(224,61,0)
```
#fa4400
```
#fa4400 rgb(250,68,0)
```
#ff5414
```
#ff5414 rgb(255,84,20)
```
#ff672e
```
#ff672e rgb(255,103,46)
```
#ff7947
```
#ff7947 rgb(255,121,71)
```
#ff8c61
```
#ff8c61 rgb(255,140,97)
```

Monochromatic Color

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

#ff1914
```
#ff1914 rgb(255,25,20)
```
#ff2d14
```
#ff2d14 rgb(255,45,20)
```
#ff4014
```
#ff4014 rgb(255,64,20)
```
#ff5414
```
#ff5414 rgb(255,84,20)
```
#ff6814
```
#ff6814 rgb(255,104,20)
```
#ff7b14
```
#ff7b14 rgb(255,123,20)
```
#ff8f14
```
#ff8f14 rgb(255,143,20)
```

Similar Colors

Text with hexadecimal color #ff5414

This text has a font color of #ff5414.

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

#ff5414 background color

This paragraph has a background color of #ff5414.

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

#ff5414 border color

This element has a border color of #ff5414.

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

CSS codes

.text {color:#ff5414;}

.background {background-color:#ff5414;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#140500
```
#140500 rgb(20,5,0)
```
#280b00
```
#280b00 rgb(40,11,0)
```
#3b1000
```
#3b1000 rgb(59,16,0)
```
#4f1500
```
#4f1500 rgb(79,21,0)
```
#621b00
```
#621b00 rgb(98,27,0)
```
#762000
```
#762000 rgb(118,32,0)
```
#8a2500
```
#8a2500 rgb(138,37,0)
```
#9d2b00
```
#9d2b00 rgb(157,43,0)
```
#b13000
```
#b13000 rgb(177,48,0)
```
#c53600
```
#c53600 rgb(197,54,0)
```
#d83b00
```
#d83b00 rgb(216,59,0)
```
#ec4000
```
#ec4000 rgb(236,64,0)
```

Shade Color Variation

#ff4600
```
#ff4600 rgb(255,70,0)
```
#ff5414
```
#ff5414 rgb(255,84,20)
```
#ff6228
```
#ff6228 rgb(255,98,40)
```
#ff713b
```
#ff713b rgb(255,113,59)
```
#ff7f4f
```
#ff7f4f rgb(255,127,79)
```
#ff8d62
```
#ff8d62 rgb(255,141,98)
```
#ff9b76
```
#ff9b76 rgb(255,155,118)
```
#ffaa8a
```
#ffaa8a rgb(255,170,138)
```
#ffb89d
```
#ffb89d rgb(255,184,157)
```
#ffc6b1
```
#ffc6b1 rgb(255,198,177)
```
#ffd4c5
```
#ffd4c5 rgb(255,212,197)
```
#ffe3d8
```
#ffe3d8 rgb(255,227,216)
```
#fff1ec
```
#fff1ec rgb(255,241,236)
```

Tint Color Variation

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

#938580
```
#938580 rgb(147,133,128)
```
#9c8177
```
#9c8177 rgb(156,129,119)
```
#a57d6e
```
#a57d6e rgb(165,125,110)
```
#ae7965
```
#ae7965 rgb(174,121,101)
```
#b7755c
```
#b7755c rgb(183,117,92)
```
#c07153
```
#c07153 rgb(192,113,83)
```
#c96d4a
```
#c96d4a rgb(201,109,74)
```
#d26941
```
#d26941 rgb(210,105,65)
```
#db6438
```
#db6438 rgb(219,100,56)
```
#e4602f
```
#e4602f rgb(228,96,47)
```
#ed5c26
```
#ed5c26 rgb(237,92,38)
```
#f6581d
```
#f6581d rgb(246,88,29)
```
#ff5414
```
#ff5414 rgb(255,84,20)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#99776a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6952e Protanopia 1% of men
#ba8e00 Deuteranopia 1% of men
#ff595d Tritanopia 0.001% of the population

Trichromacy

#c67d24 Protanomaly 1% of men, 0.01% of women
#d37907 Deuteranomaly 6% of men, 0.4% of women
#ff5742 Tritanomaly 0.01% of the population

#ff5414 hex color

#ff5414 Color Information

#ff5414 Color Conversion

Color Schemes with #ff5414

Alternatives to #ff5414

#ff5414 Preview

Shades and Tints of #ff5414

Tones of #ff5414

Color Blindness Simulator