#ff8f14 hex color

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

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

● #ff8f14 color description : Vivid orange.

The hexadecimal color #ff8f14 has RGB values of R:255, G:143, B:20 and CMYK values of C:0, M:0.44, Y:0.92, K:0. Its decimal value is 16748308.

Hex triplet	ff8f14	`#ff8f14`
RGB Decimal	255, 143, 20	`rgb(255,143,20)`
RGB Percent	100, 56.1, 7.8	`rgb(100%,56.1%,7.8%)`
CMYK	0, 44, 92, 0
HSL	31.4°, 100, 53.9	`hsl(31.4,100%,53.9%)`
HSV (or HSB)	31.4°, 92.2, 100
Web Safe	ff9900	`#ff9900`

CIE-LAB	70.148, 35.479, 72.968
XYZ	51.191, 40.96, 5.872
xyY	0.522, 0.418, 40.96
CIE-LCH	70.148, 81.136, 64.07
CIE-LUV	70.148, 92.896, 64.962
Hunter-Lab	64, 30.774, 39.36
Binary	11111111, 10001111, 00010100

#ff8f14
```
#ff8f14 rgb(255,143,20)
```
#1484ff
```
#1484ff rgb(20,132,255)
```

Complementary Color

#ff1a14
```
#ff1a14 rgb(255,26,20)
```
#ff8f14
```
#ff8f14 rgb(255,143,20)
```
#faff14
```
#faff14 rgb(250,255,20)
```

Analogous Color

#1a14ff
```
#1a14ff rgb(26,20,255)
```
#ff8f14
```
#ff8f14 rgb(255,143,20)
```
#14faff
```
#14faff rgb(20,250,255)
```

Split Complementary Color

#8f14ff
```
#8f14ff rgb(143,20,255)
```
#ff8f14
```
#ff8f14 rgb(255,143,20)
```
#14ff8f
```
#14ff8f rgb(20,255,143)
```

Triadic Color

#ff1484
```
#ff1484 rgb(255,20,132)
```
#ff8f14
```
#ff8f14 rgb(255,143,20)
```
#14ff8f
```
#14ff8f rgb(20,255,143)
```
#1484ff
```
#1484ff rgb(20,132,255)
```

Tetradic Color

#c76800
```
#c76800 rgb(199,104,0)
```
#e07500
```
#e07500 rgb(224,117,0)
```
#fa8300
```
#fa8300 rgb(250,131,0)
```
#ff8f14
```
#ff8f14 rgb(255,143,20)
```
#ff9b2e
```
#ff9b2e rgb(255,155,46)
```
#ffa747
```
#ffa747 rgb(255,167,71)
```
#ffb361
```
#ffb361 rgb(255,179,97)
```

Monochromatic Color

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

#ff5414
```
#ff5414 rgb(255,84,20)
```
#ff6814
```
#ff6814 rgb(255,104,20)
```
#ff7b14
```
#ff7b14 rgb(255,123,20)
```
#ff8f14
```
#ff8f14 rgb(255,143,20)
```
#ffa314
```
#ffa314 rgb(255,163,20)
```
#ffb614
```
#ffb614 rgb(255,182,20)
```
#ffca14
```
#ffca14 rgb(255,202,20)
```

Similar Colors

Text with hexadecimal color #ff8f14

This text has a font color of #ff8f14.

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

#ff8f14 background color

This paragraph has a background color of #ff8f14.

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

#ff8f14 border color

This element has a border color of #ff8f14.

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

CSS codes

.text {color:#ff8f14;}

.background {background-color:#ff8f14;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#140a00
```
#140a00 rgb(20,10,0)
```
#281500
```
#281500 rgb(40,21,0)
```
#3b1f00
```
#3b1f00 rgb(59,31,0)
```
#4f2900
```
#4f2900 rgb(79,41,0)
```
#623400
```
#623400 rgb(98,52,0)
```
#763e00
```
#763e00 rgb(118,62,0)
```
#8a4800
```
#8a4800 rgb(138,72,0)
```
#9d5200
```
#9d5200 rgb(157,82,0)
```
#b15d00
```
#b15d00 rgb(177,93,0)
```
#c56700
```
#c56700 rgb(197,103,0)
```
#d87100
```
#d87100 rgb(216,113,0)
```
#ec7b00
```
#ec7b00 rgb(236,123,0)
```

Shade Color Variation

#ff8600
```
#ff8600 rgb(255,134,0)
```
#ff8f14
```
#ff8f14 rgb(255,143,20)
```
#ff9828
```
#ff9828 rgb(255,152,40)
```
#ffa23b
```
#ffa23b rgb(255,162,59)
```
#ffab4f
```
#ffab4f rgb(255,171,79)
```
#ffb462
```
#ffb462 rgb(255,180,98)
```
#ffbe76
```
#ffbe76 rgb(255,190,118)
```
#ffc78a
```
#ffc78a rgb(255,199,138)
```
#ffd09d
```
#ffd09d rgb(255,208,157)
```
#ffdab1
```
#ffdab1 rgb(255,218,177)
```
#ffe3c5
```
#ffe3c5 rgb(255,227,197)
```
#ffecd8
```
#ffecd8 rgb(255,236,216)
```
#fff6ec
```
#fff6ec rgb(255,246,236)
```

Tint Color Variation

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

#938a80
```
#938a80 rgb(147,138,128)
```
#9c8a77
```
#9c8a77 rgb(156,138,119)
```
#a58b6e
```
#a58b6e rgb(165,139,110)
```
#ae8b65
```
#ae8b65 rgb(174,139,101)
```
#b78c5c
```
#b78c5c rgb(183,140,92)
```
#c08c53
```
#c08c53 rgb(192,140,83)
```
#c98c4a
```
#c98c4a rgb(201,140,74)
```
#d28d41
```
#d28d41 rgb(210,141,65)
```
#db8d38
```
#db8d38 rgb(219,141,56)
```
#e48e2f
```
#e48e2f rgb(228,142,47)
```
#ed8e26
```
#ed8e26 rgb(237,142,38)
```
#f68f1d
```
#f68f1d rgb(246,143,29)
```
#ff8f14
```
#ff8f14 rgb(255,143,20)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#b59e86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b028 Protanopia 1% of men
#dca700 Deuteranopia 1% of men
#ff8e96 Tritanopia 0.001% of the population

Trichromacy

#daa420 Protanomaly 1% of men, 0.01% of women
#e89e07 Deuteranomaly 6% of men, 0.4% of women
#ff8e67 Tritanomaly 0.01% of the population

#ff8f14 hex color

#ff8f14 Color Information

#ff8f14 Color Conversion

Color Schemes with #ff8f14

Alternatives to #ff8f14

#ff8f14 Preview

Shades and Tints of #ff8f14

Tones of #ff8f14

Color Blindness Simulator