#ff5a14 hex color

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

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

● #ff5a14 color description : Vivid orange.

The hexadecimal color #ff5a14 has RGB values of R:255, G:90, B:20 and CMYK values of C:0, M:0.65, Y:0.92, K:0. Its decimal value is 16734740.

Hex triplet	ff5a14	`#ff5a14`
RGB Decimal	255, 90, 20	`rgb(255,90,20)`
RGB Percent	100, 35.3, 7.8	`rgb(100%,35.3%,7.8%)`
CMYK	0, 65, 92, 0
HSL	17.9°, 100, 53.9	`hsl(17.9,100%,53.9%)`
HSV (or HSB)	17.9°, 92.2, 100
Web Safe	ff6600	`#ff6600`

CIE-LAB	60.452, 60.235, 66.359
XYZ	45.025, 28.628, 3.817
xyY	0.581, 0.37, 28.628
CIE-LCH	60.452, 89.62, 47.77
CIE-LUV	60.452, 135.809, 48.666
Hunter-Lab	53.505, 56.574, 33.224
Binary	11111111, 01011010, 00010100

#ff5a14
```
#ff5a14 rgb(255,90,20)
```
#14b9ff
```
#14b9ff rgb(20,185,255)
```

Complementary Color

#ff1444
```
#ff1444 rgb(255,20,68)
```
#ff5a14
```
#ff5a14 rgb(255,90,20)
```
#ffd014
```
#ffd014 rgb(255,208,20)
```

Analogous Color

#1443ff
```
#1443ff rgb(20,67,255)
```
#ff5a14
```
#ff5a14 rgb(255,90,20)
```
#14ffd0
```
#14ffd0 rgb(20,255,208)
```

Split Complementary Color

#5a14ff
```
#5a14ff rgb(90,20,255)
```
#ff5a14
```
#ff5a14 rgb(255,90,20)
```
#14ff5a
```
#14ff5a rgb(20,255,90)
```

Triadic Color

#ff14b9
```
#ff14b9 rgb(255,20,185)
```
#ff5a14
```
#ff5a14 rgb(255,90,20)
```
#14ff5a
```
#14ff5a rgb(20,255,90)
```
#14b9ff
```
#14b9ff rgb(20,185,255)
```

Tetradic Color

#c73b00
```
#c73b00 rgb(199,59,0)
```
#e04300
```
#e04300 rgb(224,67,0)
```
#fa4a00
```
#fa4a00 rgb(250,74,0)
```
#ff5a14
```
#ff5a14 rgb(255,90,20)
```
#ff6c2e
```
#ff6c2e rgb(255,108,46)
```
#ff7e47
```
#ff7e47 rgb(255,126,71)
```
#ff9061
```
#ff9061 rgb(255,144,97)
```

Monochromatic Color

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

#ff1f14
```
#ff1f14 rgb(255,31,20)
```
#ff3314
```
#ff3314 rgb(255,51,20)
```
#ff4614
```
#ff4614 rgb(255,70,20)
```
#ff5a14
```
#ff5a14 rgb(255,90,20)
```
#ff6e14
```
#ff6e14 rgb(255,110,20)
```
#ff8114
```
#ff8114 rgb(255,129,20)
```
#ff9514
```
#ff9514 rgb(255,149,20)
```

Similar Colors

Text with hexadecimal color #ff5a14

This text has a font color of #ff5a14.

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

#ff5a14 background color

This paragraph has a background color of #ff5a14.

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

#ff5a14 border color

This element has a border color of #ff5a14.

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

CSS codes

.text {color:#ff5a14;}

.background {background-color:#ff5a14;}

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

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)
```
#140600
```
#140600 rgb(20,6,0)
```
#280c00
```
#280c00 rgb(40,12,0)
```
#3b1200
```
#3b1200 rgb(59,18,0)
```
#4f1700
```
#4f1700 rgb(79,23,0)
```
#621d00
```
#621d00 rgb(98,29,0)
```
#762300
```
#762300 rgb(118,35,0)
```
#8a2900
```
#8a2900 rgb(138,41,0)
```
#9d2f00
```
#9d2f00 rgb(157,47,0)
```
#b13500
```
#b13500 rgb(177,53,0)
```
#c53b00
```
#c53b00 rgb(197,59,0)
```
#d84000
```
#d84000 rgb(216,64,0)
```
#ec4600
```
#ec4600 rgb(236,70,0)
```

Shade Color Variation

#ff4c00
```
#ff4c00 rgb(255,76,0)
```
#ff5a14
```
#ff5a14 rgb(255,90,20)
```
#ff6828
```
#ff6828 rgb(255,104,40)
```
#ff763b
```
#ff763b rgb(255,118,59)
```
#ff834f
```
#ff834f rgb(255,131,79)
```
#ff9162
```
#ff9162 rgb(255,145,98)
```
#ff9f76
```
#ff9f76 rgb(255,159,118)
```
#ffad8a
```
#ffad8a rgb(255,173,138)
```
#ffba9d
```
#ffba9d rgb(255,186,157)
```
#ffc8b1
```
#ffc8b1 rgb(255,200,177)
```
#ffd6c5
```
#ffd6c5 rgb(255,214,197)
```
#ffe4d8
```
#ffe4d8 rgb(255,228,216)
```
#fff1ec
```
#fff1ec rgb(255,241,236)
```

Tint Color Variation

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

#938680
```
#938680 rgb(147,134,128)
```
#9c8277
```
#9c8277 rgb(156,130,119)
```
#a57f6e
```
#a57f6e rgb(165,127,110)
```
#ae7b65
```
#ae7b65 rgb(174,123,101)
```
#b7775c
```
#b7775c rgb(183,119,92)
```
#c07453
```
#c07453 rgb(192,116,83)
```
#c9704a
```
#c9704a rgb(201,112,74)
```
#d26c41
```
#d26c41 rgb(210,108,65)
```
#db6938
```
#db6938 rgb(219,105,56)
```
#e4652f
```
#e4652f rgb(228,101,47)
```
#ed6126
```
#ed6126 rgb(237,97,38)
```
#f65e1d
```
#f65e1d rgb(246,94,29)
```
#ff5a14
```
#ff5a14 rgb(255,90,20)
```

Tone Color Variation

Below, you can see how #ff5a14 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
#9c7b6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9972d Protanopia 1% of men
#bd9000 Deuteranopia 1% of men
#ff5e62 Tritanopia 0.001% of the population

Trichromacy

#c88124 Protanomaly 1% of men, 0.01% of women
#d57c07 Deuteranomaly 6% of men, 0.4% of women
#ff5c46 Tritanomaly 0.01% of the population

#ff5a14 hex color

#ff5a14 Color Information

#ff5a14 Color Conversion

Color Schemes with #ff5a14

Alternatives to #ff5a14

#ff5a14 Preview

Shades and Tints of #ff5a14

Tones of #ff5a14

Color Blindness Simulator