#ff8014 hex color

In a RGB color space, hex #ff8014 is composed of 100% red, 50.2% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.8% magenta, 92.2% yellow and 0% black. It has a hue angle of 27.6 degrees, a saturation of 100% and a lightness of 53.9%. #ff8014 color hex could be obtained by blending #ffff28 with #ff0100. Closest websafe color is: #ff9900.

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

● #ff8014 color description : Vivid orange.

The hexadecimal color #ff8014 has RGB values of R:255, G:128, B:20 and CMYK values of C:0, M:0.5, Y:0.92, K:0. Its decimal value is 16744468.

Hex triplet	ff8014	`#ff8014`
RGB Decimal	255, 128, 20	`rgb(255,128,20)`
RGB Percent	100, 50.2, 7.8	`rgb(100%,50.2%,7.8%)`
CMYK	0, 50, 92, 0
HSL	27.6°, 100, 53.9	`hsl(27.6,100%,53.9%)`
HSV (or HSB)	27.6°, 92.2, 100
Web Safe	ff9900	`#ff9900`

CIE-LAB	67.092, 43.003, 70.834
XYZ	49.087, 36.754, 5.171
xyY	0.539, 0.404, 36.754
CIE-LCH	67.092, 82.866, 58.739
CIE-LUV	67.092, 105.5, 59.947
Hunter-Lab	60.625, 38.437, 37.38
Binary	11111111, 10000000, 00010100

#ff8014
```
#ff8014 rgb(255,128,20)
```
#1493ff
```
#1493ff rgb(20,147,255)
```

Complementary Color

#ff141e
```
#ff141e rgb(255,20,30)
```
#ff8014
```
#ff8014 rgb(255,128,20)
```
#fff614
```
#fff614 rgb(255,246,20)
```

Analogous Color

#141eff
```
#141eff rgb(20,30,255)
```
#ff8014
```
#ff8014 rgb(255,128,20)
```
#14fff6
```
#14fff6 rgb(20,255,246)
```

Split Complementary Color

#8014ff
```
#8014ff rgb(128,20,255)
```
#ff8014
```
#ff8014 rgb(255,128,20)
```
#14ff80
```
#14ff80 rgb(20,255,128)
```

Triadic Color

#ff1493
```
#ff1493 rgb(255,20,147)
```
#ff8014
```
#ff8014 rgb(255,128,20)
```
#14ff80
```
#14ff80 rgb(20,255,128)
```
#1493ff
```
#1493ff rgb(20,147,255)
```

Tetradic Color

#c75b00
```
#c75b00 rgb(199,91,0)
```
#e06700
```
#e06700 rgb(224,103,0)
```
#fa7300
```
#fa7300 rgb(250,115,0)
```
#ff8014
```
#ff8014 rgb(255,128,20)
```
#ff8e2e
```
#ff8e2e rgb(255,142,46)
```
#ff9c47
```
#ff9c47 rgb(255,156,71)
```
#ffa961
```
#ffa961 rgb(255,169,97)
```

Monochromatic Color

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

#ff4514
```
#ff4514 rgb(255,69,20)
```
#ff5914
```
#ff5914 rgb(255,89,20)
```
#ff6c14
```
#ff6c14 rgb(255,108,20)
```
#ff8014
```
#ff8014 rgb(255,128,20)
```
#ff9414
```
#ff9414 rgb(255,148,20)
```
#ffa714
```
#ffa714 rgb(255,167,20)
```
#ffbb14
```
#ffbb14 rgb(255,187,20)
```

Similar Colors

Text with hexadecimal color #ff8014

This text has a font color of #ff8014.

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

#ff8014 background color

This paragraph has a background color of #ff8014.

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

#ff8014 border color

This element has a border color of #ff8014.

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

CSS codes

.text {color:#ff8014;}

.background {background-color:#ff8014;}

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

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 #fff5ec is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#140900
```
#140900 rgb(20,9,0)
```
#281200
```
#281200 rgb(40,18,0)
```
#3b1b00
```
#3b1b00 rgb(59,27,0)
```
#4f2400
```
#4f2400 rgb(79,36,0)
```
#622d00
```
#622d00 rgb(98,45,0)
```
#763600
```
#763600 rgb(118,54,0)
```
#8a3f00
```
#8a3f00 rgb(138,63,0)
```
#9d4800
```
#9d4800 rgb(157,72,0)
```
#b15100
```
#b15100 rgb(177,81,0)
```
#c55a00
```
#c55a00 rgb(197,90,0)
```
#d86300
```
#d86300 rgb(216,99,0)
```
#ec6c00
```
#ec6c00 rgb(236,108,0)
```

Shade Color Variation

#ff7500
```
#ff7500 rgb(255,117,0)
```
#ff8014
```
#ff8014 rgb(255,128,20)
```
#ff8b28
```
#ff8b28 rgb(255,139,40)
```
#ff953b
```
#ff953b rgb(255,149,59)
```
#ffa04f
```
#ffa04f rgb(255,160,79)
```
#ffaa62
```
#ffaa62 rgb(255,170,98)
```
#ffb576
```
#ffb576 rgb(255,181,118)
```
#ffc08a
```
#ffc08a rgb(255,192,138)
```
#ffca9d
```
#ffca9d rgb(255,202,157)
```
#ffd5b1
```
#ffd5b1 rgb(255,213,177)
```
#ffdfc5
```
#ffdfc5 rgb(255,223,197)
```
#ffead8
```
#ffead8 rgb(255,234,216)
```
#fff5ec
```
#fff5ec rgb(255,245,236)
```

Tint Color Variation

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

#938980
```
#938980 rgb(147,137,128)
```
#9c8877
```
#9c8877 rgb(156,136,119)
```
#a5876e
```
#a5876e rgb(165,135,110)
```
#ae8765
```
#ae8765 rgb(174,135,101)
```
#b7865c
```
#b7865c rgb(183,134,92)
```
#c08553
```
#c08553 rgb(192,133,83)
```
#c9844a
```
#c9844a rgb(201,132,74)
```
#d28441
```
#d28441 rgb(210,132,65)
```
#db8338
```
#db8338 rgb(219,131,56)
```
#e4822f
```
#e4822f rgb(228,130,47)
```
#ed8126
```
#ed8126 rgb(237,129,38)
```
#f6811d
```
#f6811d rgb(246,129,29)
```
#ff8014
```
#ff8014 rgb(255,128,20)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#ae957f Atypical Achromatopsia 0.001% of the population

Dichromacy

#bca829 Protanopia 1% of men
#d29f00 Deuteranopia 1% of men
#ff8088 Tritanopia 0.001% of the population

Trichromacy

#d49921 Protanomaly 1% of men, 0.01% of women
#e29407 Deuteranomaly 6% of men, 0.4% of women
#ff805d Tritanomaly 0.01% of the population

#ff8014 hex color

#ff8014 Color Information

#ff8014 Color Conversion

Color Schemes with #ff8014

Alternatives to #ff8014

#ff8014 Preview

Shades and Tints of #ff8014

Tones of #ff8014

Color Blindness Simulator