#f85f10 hex color

In a RGB color space, hex #f85f10 is composed of 97.3% red, 37.3% green and 6.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.7% magenta, 93.5% yellow and 2.7% black. It has a hue angle of 20.4 degrees, a saturation of 94.3% and a lightness of 51.8%. #f85f10 color hex could be obtained by blending #ffbe20 with #f10000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 97
- G 37
- B 6
RGB color chart
- C 0
- M 62
- Y 94
- K 3
CMYK color chart

● #f85f10 color description : Vivid orange.

The hexadecimal color #f85f10 has RGB values of R:248, G:95, B:16 and CMYK values of C:0, M:0.62, Y:0.94, K:0.03. Its decimal value is 16277264.

Hex triplet	f85f10	`#f85f10`
RGB Decimal	248, 95, 16	`rgb(248,95,16)`
RGB Percent	97.3, 37.3, 6.3	`rgb(97.3%,37.3%,6.3%)`
CMYK	0, 62, 94, 3
HSL	20.4°, 94.3, 51.8	`hsl(20.4,94.3%,51.8%)`
HSV (or HSB)	20.4°, 93.5, 97.3
Web Safe	ff6600	`#ff6600`

CIE-LAB	60.054, 55.719, 66.515
XYZ	42.899, 28.183, 3.671
xyY	0.574, 0.377, 28.183
CIE-LCH	60.054, 86.769, 50.048
CIE-LUV	60.054, 126.597, 49.809
Hunter-Lab	53.088, 51.339, 33.061
Binary	11111000, 01011111, 00010000

#f85f10
```
#f85f10 rgb(248,95,16)
```
#10a9f8
```
#10a9f8 rgb(16,169,248)
```

Complementary Color

#f81035
```
#f81035 rgb(248,16,53)
```
#f85f10
```
#f85f10 rgb(248,95,16)
```
#f8d310
```
#f8d310 rgb(248,211,16)
```

Analogous Color

#1035f8
```
#1035f8 rgb(16,53,248)
```
#f85f10
```
#f85f10 rgb(248,95,16)
```
#10f8d3
```
#10f8d3 rgb(16,248,211)
```

Split Complementary Color

#5f10f8
```
#5f10f8 rgb(95,16,248)
```
#f85f10
```
#f85f10 rgb(248,95,16)
```
#10f85f
```
#10f85f rgb(16,248,95)
```

Triadic Color

#f810a9
```
#f810a9 rgb(248,16,169)
```
#f85f10
```
#f85f10 rgb(248,95,16)
```
#10f85f
```
#10f85f rgb(16,248,95)
```
#10a9f8
```
#10a9f8 rgb(16,169,248)
```

Tetradic Color

#b64205
```
#b64205 rgb(182,66,5)
```
#cf4a06
```
#cf4a06 rgb(207,74,6)
```
#e85307
```
#e85307 rgb(232,83,7)
```
#f85f10
```
#f85f10 rgb(248,95,16)
```
#f97029
```
#f97029 rgb(249,112,41)
```
#f98042
```
#f98042 rgb(249,128,66)
```
#fa915a
```
#fa915a rgb(250,145,90)
```

Monochromatic Color

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

#f82510
```
#f82510 rgb(248,37,16)
```
#f83810
```
#f83810 rgb(248,56,16)
```
#f84c10
```
#f84c10 rgb(248,76,16)
```
#f85f10
```
#f85f10 rgb(248,95,16)
```
#f87210
```
#f87210 rgb(248,114,16)
```
#f88610
```
#f88610 rgb(248,134,16)
```
#f89910
```
#f89910 rgb(248,153,16)
```

Similar Colors

Text with hexadecimal color #f85f10

This text has a font color of #f85f10.

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

#f85f10 background color

This paragraph has a background color of #f85f10.

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

#f85f10 border color

This element has a border color of #f85f10.

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

CSS codes

.text {color:#f85f10;}

.background {background-color:#f85f10;}

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

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, #090300 is the darkest color, while #fff8f5 is the lightest one.

#090300
```
#090300 rgb(9,3,0)
```
#1c0a01
```
#1c0a01 rgb(28,10,1)
```
#2f1101
```
#2f1101 rgb(47,17,1)
```
#421802
```
#421802 rgb(66,24,2)
```
#551f02
```
#551f02 rgb(85,31,2)
```
#682503
```
#682503 rgb(104,37,3)
```
#7b2c04
```
#7b2c04 rgb(123,44,4)
```
#8e3304
```
#8e3304 rgb(142,51,4)
```
#a13a05
```
#a13a05 rgb(161,58,5)
```
#b44105
```
#b44105 rgb(180,65,5)
```
#c74806
```
#c74806 rgb(199,72,6)
```
#da4f06
```
#da4f06 rgb(218,79,6)
```
#ed5507
```
#ed5507 rgb(237,85,7)
```

Shade Color Variation

#f85f10
```
#f85f10 rgb(248,95,16)
```
#f96c23
```
#f96c23 rgb(249,108,35)
```
#f97936
```
#f97936 rgb(249,121,54)
```
#fa8549
```
#fa8549 rgb(250,133,73)
```
#fa925c
```
#fa925c rgb(250,146,92)
```
#fb9f6f
```
#fb9f6f rgb(251,159,111)
```
#fbac82
```
#fbac82 rgb(251,172,130)
```
#fcb895
```
#fcb895 rgb(252,184,149)
```
#fcc5a8
```
#fcc5a8 rgb(252,197,168)
```
#fdd2bc
```
#fdd2bc rgb(253,210,188)
```
#fedfcf
```
#fedfcf rgb(254,223,207)
```
#feebe2
```
#feebe2 rgb(254,235,226)
```
#fff8f5
```
#fff8f5 rgb(255,248,245)
```

Tint Color Variation

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

#868382
```
#868382 rgb(134,131,130)
```
#908078
```
#908078 rgb(144,128,120)
```
#997d6f
```
#997d6f rgb(153,125,111)
```
#a37a65
```
#a37a65 rgb(163,122,101)
```
#ac775c
```
#ac775c rgb(172,119,92)
```
#b67452
```
#b67452 rgb(182,116,82)
```
#bf7149
```
#bf7149 rgb(191,113,73)
```
#c96e3f
```
#c96e3f rgb(201,110,63)
```
#d26b36
```
#d26b36 rgb(210,107,54)
```
#dc682c
```
#dc682c rgb(220,104,44)
```
#e56523
```
#e56523 rgb(229,101,35)
```
#ef6219
```
#ef6219 rgb(239,98,25)
```
#f85f10
```
#f85f10 rgb(248,95,16)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#9b7d6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89628 Protanopia 1% of men
#bc8f00 Deuteranopia 1% of men
#fa6066 Tritanopia 0.001% of the population

Trichromacy

#c5821f Protanomaly 1% of men, 0.01% of women
#d17d05 Deuteranomaly 6% of men, 0.4% of women
#f96046 Tritanomaly 0.01% of the population

#f85f10 hex color

#f85f10 Color Information

#f85f10 Color Conversion

Color Schemes with #f85f10

Alternatives to #f85f10

#f85f10 Preview

Shades and Tints of #f85f10

Tones of #f85f10

Color Blindness Simulator