#ff8714 hex color

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

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

● #ff8714 color description : Vivid orange.

The hexadecimal color #ff8714 has RGB values of R:255, G:135, B:20 and CMYK values of C:0, M:0.47, Y:0.92, K:0. Its decimal value is 16746260.

Hex triplet	ff8714	`#ff8714`
RGB Decimal	255, 135, 20	`rgb(255,135,20)`
RGB Percent	100, 52.9, 7.8	`rgb(100%,52.9%,7.8%)`
CMYK	0, 47, 92, 0
HSL	29.4°, 100, 53.9	`hsl(29.4,100%,53.9%)`
HSV (or HSB)	29.4°, 92.2, 100
Web Safe	ff9900	`#ff9900`

CIE-LAB	68.492, 39.524, 71.807
XYZ	50.032, 38.643, 5.486
xyY	0.531, 0.41, 38.643
CIE-LCH	68.492, 81.966, 61.17
CIE-LUV	68.492, 99.628, 62.258
Hunter-Lab	62.164, 34.879, 38.282
Binary	11111111, 10000111, 00010100

#ff8714
```
#ff8714 rgb(255,135,20)
```
#148cff
```
#148cff rgb(20,140,255)
```

Complementary Color

#ff1417
```
#ff1417 rgb(255,20,23)
```
#ff8714
```
#ff8714 rgb(255,135,20)
```
#fffd14
```
#fffd14 rgb(255,253,20)
```

Analogous Color

#1417ff
```
#1417ff rgb(20,23,255)
```
#ff8714
```
#ff8714 rgb(255,135,20)
```
#14fffd
```
#14fffd rgb(20,255,253)
```

Split Complementary Color

#8714ff
```
#8714ff rgb(135,20,255)
```
#ff8714
```
#ff8714 rgb(255,135,20)
```
#14ff87
```
#14ff87 rgb(20,255,135)
```

Triadic Color

#ff148c
```
#ff148c rgb(255,20,140)
```
#ff8714
```
#ff8714 rgb(255,135,20)
```
#14ff87
```
#14ff87 rgb(20,255,135)
```
#148cff
```
#148cff rgb(20,140,255)
```

Tetradic Color

#c76100
```
#c76100 rgb(199,97,0)
```
#e06e00
```
#e06e00 rgb(224,110,0)
```
#fa7a00
```
#fa7a00 rgb(250,122,0)
```
#ff8714
```
#ff8714 rgb(255,135,20)
```
#ff942e
```
#ff942e rgb(255,148,46)
```
#ffa147
```
#ffa147 rgb(255,161,71)
```
#ffae61
```
#ffae61 rgb(255,174,97)
```

Monochromatic Color

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

#ff4c14
```
#ff4c14 rgb(255,76,20)
```
#ff6014
```
#ff6014 rgb(255,96,20)
```
#ff7314
```
#ff7314 rgb(255,115,20)
```
#ff8714
```
#ff8714 rgb(255,135,20)
```
#ff9b14
```
#ff9b14 rgb(255,155,20)
```
#ffae14
```
#ffae14 rgb(255,174,20)
```
#ffc214
```
#ffc214 rgb(255,194,20)
```

Similar Colors

Text with hexadecimal color #ff8714

This text has a font color of #ff8714.

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

#ff8714 background color

This paragraph has a background color of #ff8714.

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

#ff8714 border color

This element has a border color of #ff8714.

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

CSS codes

.text {color:#ff8714;}

.background {background-color:#ff8714;}

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

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)
```
#140a00
```
#140a00 rgb(20,10,0)
```
#281300
```
#281300 rgb(40,19,0)
```
#3b1d00
```
#3b1d00 rgb(59,29,0)
```
#4f2700
```
#4f2700 rgb(79,39,0)
```
#623000
```
#623000 rgb(98,48,0)
```
#763a00
```
#763a00 rgb(118,58,0)
```
#8a4300
```
#8a4300 rgb(138,67,0)
```
#9d4d00
```
#9d4d00 rgb(157,77,0)
```
#b15700
```
#b15700 rgb(177,87,0)
```
#c56000
```
#c56000 rgb(197,96,0)
```
#d86a00
```
#d86a00 rgb(216,106,0)
```
#ec7300
```
#ec7300 rgb(236,115,0)
```

Shade Color Variation

#ff7d00
```
#ff7d00 rgb(255,125,0)
```
#ff8714
```
#ff8714 rgb(255,135,20)
```
#ff9128
```
#ff9128 rgb(255,145,40)
```
#ff9b3b
```
#ff9b3b rgb(255,155,59)
```
#ffa54f
```
#ffa54f rgb(255,165,79)
```
#ffaf62
```
#ffaf62 rgb(255,175,98)
```
#ffb976
```
#ffb976 rgb(255,185,118)
```
#ffc38a
```
#ffc38a rgb(255,195,138)
```
#ffcd9d
```
#ffcd9d rgb(255,205,157)
```
#ffd7b1
```
#ffd7b1 rgb(255,215,177)
```
#ffe1c5
```
#ffe1c5 rgb(255,225,197)
```
#ffebd8
```
#ffebd8 rgb(255,235,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 #ff8714 is the most saturated one.

#938980
```
#938980 rgb(147,137,128)
```
#9c8977
```
#9c8977 rgb(156,137,119)
```
#a5896e
```
#a5896e rgb(165,137,110)
```
#ae8965
```
#ae8965 rgb(174,137,101)
```
#b7895c
```
#b7895c rgb(183,137,92)
```
#c08853
```
#c08853 rgb(192,136,83)
```
#c9884a
```
#c9884a rgb(201,136,74)
```
#d28841
```
#d28841 rgb(210,136,65)
```
#db8838
```
#db8838 rgb(219,136,56)
```
#e4882f
```
#e4882f rgb(228,136,47)
```
#ed8726
```
#ed8726 rgb(237,135,38)
```
#f6871d
```
#f6871d rgb(246,135,29)
```
#ff8714
```
#ff8714 rgb(255,135,20)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#b19982 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ab28 Protanopia 1% of men
#d6a300 Deuteranopia 1% of men
#ff878e Tritanopia 0.001% of the population

Trichromacy

#d69e21 Protanomaly 1% of men, 0.01% of women
#e59907 Deuteranomaly 6% of men, 0.4% of women
#ff8762 Tritanomaly 0.01% of the population

#ff8714 hex color

#ff8714 Color Information

#ff8714 Color Conversion

Color Schemes with #ff8714

Alternatives to #ff8714

#ff8714 Preview

Shades and Tints of #ff8714

Tones of #ff8714

Color Blindness Simulator