#f85414 hex color

In a RGB color space, hex #f85414 is composed of 97.3% red, 32.9% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.1% magenta, 91.9% yellow and 2.7% black. It has a hue angle of 16.8 degrees, a saturation of 94.2% and a lightness of 52.5%. #f85414 color hex could be obtained by blending #ffa828 with #f10000. Closest websafe color is: #ff6600.

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

● #f85414 color description : Vivid orange.

The hexadecimal color #f85414 has RGB values of R:248, G:84, B:20 and CMYK values of C:0, M:0.66, Y:0.92, K:0.03. Its decimal value is 16274452.

Hex triplet	f85414	`#f85414`
RGB Decimal	248, 84, 20	`rgb(248,84,20)`
RGB Percent	97.3, 32.9, 7.8	`rgb(97.3%,32.9%,7.8%)`
CMYK	0, 66, 92, 3
HSL	16.8°, 94.2, 52.5	`hsl(16.8,94.2%,52.5%)`
HSV (or HSB)	16.8°, 91.9, 97.3
Web Safe	ff6600	`#ff6600`

CIE-LAB	58.37, 60.307, 64.414
XYZ	42.01, 26.352, 3.536
xyY	0.584, 0.367, 26.352
CIE-LCH	58.37, 88.239, 46.886
CIE-LUV	58.37, 134.559, 46.422
Hunter-Lab	51.335, 56.241, 31.85
Binary	11111000, 01010100, 00010100

#f85414
```
#f85414 rgb(248,84,20)
```
#14b8f8
```
#14b8f8 rgb(20,184,248)
```

Complementary Color

#f81446
```
#f81446 rgb(248,20,70)
```
#f85414
```
#f85414 rgb(248,84,20)
```
#f8c614
```
#f8c614 rgb(248,198,20)
```

Analogous Color

#1446f8
```
#1446f8 rgb(20,70,248)
```
#f85414
```
#f85414 rgb(248,84,20)
```
#14f8c6
```
#14f8c6 rgb(20,248,198)
```

Split Complementary Color

#5414f8
```
#5414f8 rgb(84,20,248)
```
#f85414
```
#f85414 rgb(248,84,20)
```
#14f854
```
#14f854 rgb(20,248,84)
```

Triadic Color

#f814b8
```
#f814b8 rgb(248,20,184)
```
#f85414
```
#f85414 rgb(248,84,20)
```
#14f854
```
#14f854 rgb(20,248,84)
```
#14b8f8
```
#14b8f8 rgb(20,184,248)
```

Tetradic Color

#ba3806
```
#ba3806 rgb(186,56,6)
```
#d34006
```
#d34006 rgb(211,64,6)
```
#eb4707
```
#eb4707 rgb(235,71,7)
```
#f85414
```
#f85414 rgb(248,84,20)
```
#f9662d
```
#f9662d rgb(249,102,45)
```
#f97846
```
#f97846 rgb(249,120,70)
```
#fa8a5e
```
#fa8a5e rgb(250,138,94)
```

Monochromatic Color

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

#f81b14
```
#f81b14 rgb(248,27,20)
```
#f82e14
```
#f82e14 rgb(248,46,20)
```
#f84114
```
#f84114 rgb(248,65,20)
```
#f85414
```
#f85414 rgb(248,84,20)
```
#f86714
```
#f86714 rgb(248,103,20)
```
#f87a14
```
#f87a14 rgb(248,122,20)
```
#f88d14
```
#f88d14 rgb(248,141,20)
```

Similar Colors

Text with hexadecimal color #f85414

This text has a font color of #f85414.

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

#f85414 background color

This paragraph has a background color of #f85414.

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

#f85414 border color

This element has a border color of #f85414.

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

CSS codes

.text {color:#f85414;}

.background {background-color:#f85414;}

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

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, #0d0400 is the darkest color, while #fffaf9 is the lightest one.

#0d0400
```
#0d0400 rgb(13,4,0)
```
#200a01
```
#200a01 rgb(32,10,1)
```
#330f02
```
#330f02 rgb(51,15,2)
```
#461502
```
#461502 rgb(70,21,2)
```
#591b03
```
#591b03 rgb(89,27,3)
```
#6c2103
```
#6c2103 rgb(108,33,3)
```
#7f2604
```
#7f2604 rgb(127,38,4)
```
#922c04
```
#922c04 rgb(146,44,4)
```
#a53205
```
#a53205 rgb(165,50,5)
```
#b83805
```
#b83805 rgb(184,56,5)
```
#cb3d06
```
#cb3d06 rgb(203,61,6)
```
#de4307
```
#de4307 rgb(222,67,7)
```
#f14907
```
#f14907 rgb(241,73,7)
```

Shade Color Variation

#f85414
```
#f85414 rgb(248,84,20)
```
#f96227
```
#f96227 rgb(249,98,39)
```
#f9703a
```
#f9703a rgb(249,112,58)
```
#fa7e4d
```
#fa7e4d rgb(250,126,77)
```
#fa8b60
```
#fa8b60 rgb(250,139,96)
```
#fb9973
```
#fb9973 rgb(251,153,115)
```
#fba786
```
#fba786 rgb(251,167,134)
```
#fcb599
```
#fcb599 rgb(252,181,153)
```
#fdc3ac
```
#fdc3ac rgb(253,195,172)
```
#fdd1bf
```
#fdd1bf rgb(253,209,191)
```
#fedfd2
```
#fedfd2 rgb(254,223,210)
```
#feece6
```
#feece6 rgb(254,236,230)
```
#fffaf9
```
#fffaf9 rgb(255,250,249)
```

Tint Color Variation

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

#888584
```
#888584 rgb(136,133,132)
```
#92817a
```
#92817a rgb(146,129,122)
```
#9b7d71
```
#9b7d71 rgb(155,125,113)
```
#a47968
```
#a47968 rgb(164,121,104)
```
#ae755e
```
#ae755e rgb(174,117,94)
```
#b77155
```
#b77155 rgb(183,113,85)
```
#c06c4c
```
#c06c4c rgb(192,108,76)
```
#c96843
```
#c96843 rgb(201,104,67)
```
#d36439
```
#d36439 rgb(211,100,57)
```
#dc6030
```
#dc6030 rgb(220,96,48)
```
#e55c27
```
#e55c27 rgb(229,92,39)
```
#ef581d
```
#ef581d rgb(239,88,29)
```
#f85414
```
#f85414 rgb(248,84,20)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#967669 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3922d Protanopia 1% of men
#b68b00 Deuteranopia 1% of men
#f9575b Tritanopia 0.001% of the population

Trichromacy

#c27b24 Protanomaly 1% of men, 0.01% of women
#ce7707 Deuteranomaly 6% of men, 0.4% of women
#f95641 Tritanomaly 0.01% of the population

#f85414 hex color

#f85414 Color Information

#f85414 Color Conversion

Color Schemes with #f85414

Alternatives to #f85414

#f85414 Preview

Shades and Tints of #f85414

Tones of #f85414

Color Blindness Simulator