#f85512 hex color

In a RGB color space, hex #f85512 is composed of 97.3% red, 33.3% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.7% magenta, 92.7% yellow and 2.7% black. It has a hue angle of 17.5 degrees, a saturation of 94.3% and a lightness of 52.2%. #f85512 color hex could be obtained by blending #ffaa24 with #f10000. Closest websafe color is: #ff6600.

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

● #f85512 color description : Vivid orange.

The hexadecimal color #f85512 has RGB values of R:248, G:85, B:18 and CMYK values of C:0, M:0.66, Y:0.93, K:0.03. Its decimal value is 16274706.

Hex triplet	f85512	`#f85512`
RGB Decimal	248, 85, 18	`rgb(248,85,18)`
RGB Percent	97.3, 33.3, 7.1	`rgb(97.3%,33.3%,7.1%)`
CMYK	0, 66, 93, 3
HSL	17.5°, 94.3, 52.2	`hsl(17.5,94.3%,52.2%)`
HSV (or HSB)	17.5°, 92.7, 97.3
Web Safe	ff6600	`#ff6600`

CIE-LAB	58.511, 59.887, 65.043
XYZ	42.071, 26.502, 3.472
xyY	0.584, 0.368, 26.502
CIE-LCH	58.511, 88.414, 47.363
CIE-LUV	58.511, 133.956, 46.918
Hunter-Lab	51.48, 55.786, 32.037
Binary	11111000, 01010101, 00010010

#f85512
```
#f85512 rgb(248,85,18)
```
#12b5f8
```
#12b5f8 rgb(18,181,248)
```

Complementary Color

#f81242
```
#f81242 rgb(248,18,66)
```
#f85512
```
#f85512 rgb(248,85,18)
```
#f8c812
```
#f8c812 rgb(248,200,18)
```

Analogous Color

#1242f8
```
#1242f8 rgb(18,66,248)
```
#f85512
```
#f85512 rgb(248,85,18)
```
#12f8c8
```
#12f8c8 rgb(18,248,200)
```

Split Complementary Color

#5512f8
```
#5512f8 rgb(85,18,248)
```
#f85512
```
#f85512 rgb(248,85,18)
```
#12f855
```
#12f855 rgb(18,248,85)
```

Triadic Color

#f812b5
```
#f812b5 rgb(248,18,181)
```
#f85512
```
#f85512 rgb(248,85,18)
```
#12f855
```
#12f855 rgb(18,248,85)
```
#12b5f8
```
#12b5f8 rgb(18,181,248)
```

Tetradic Color

#b83905
```
#b83905 rgb(184,57,5)
```
#d14106
```
#d14106 rgb(209,65,6)
```
#ea4907
```
#ea4907 rgb(234,73,7)
```
#f85512
```
#f85512 rgb(248,85,18)
```
#f9672b
```
#f9672b rgb(249,103,43)
```
#f97944
```
#f97944 rgb(249,121,68)
```
#fa8a5c
```
#fa8a5c rgb(250,138,92)
```

Monochromatic Color

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

#f81b12
```
#f81b12 rgb(248,27,18)
```
#f82f12
```
#f82f12 rgb(248,47,18)
```
#f84212
```
#f84212 rgb(248,66,18)
```
#f85512
```
#f85512 rgb(248,85,18)
```
#f86812
```
#f86812 rgb(248,104,18)
```
#f87b12
```
#f87b12 rgb(248,123,18)
```
#f88f12
```
#f88f12 rgb(248,143,18)
```

Similar Colors

Text with hexadecimal color #f85512

This text has a font color of #f85512.

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

#f85512 background color

This paragraph has a background color of #f85512.

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

#f85512 border color

This element has a border color of #f85512.

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

CSS codes

.text {color:#f85512;}

.background {background-color:#f85512;}

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

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

#0b0300
```
#0b0300 rgb(11,3,0)
```
#1e0901
```
#1e0901 rgb(30,9,1)
```
#310f01
```
#310f01 rgb(49,15,1)
```
#441502
```
#441502 rgb(68,21,2)
```
#571b03
```
#571b03 rgb(87,27,3)
```
#6a2103
```
#6a2103 rgb(106,33,3)
```
#7d2704
```
#7d2704 rgb(125,39,4)
```
#902d04
```
#902d04 rgb(144,45,4)
```
#a33305
```
#a33305 rgb(163,51,5)
```
#b63905
```
#b63905 rgb(182,57,5)
```
#c93f06
```
#c93f06 rgb(201,63,6)
```
#dc4507
```
#dc4507 rgb(220,69,7)
```
#ef4b07
```
#ef4b07 rgb(239,75,7)
```

Shade Color Variation

#f85512
```
#f85512 rgb(248,85,18)
```
#f96325
```
#f96325 rgb(249,99,37)
```
#f97038
```
#f97038 rgb(249,112,56)
```
#fa7e4b
```
#fa7e4b rgb(250,126,75)
```
#fa8c5e
```
#fa8c5e rgb(250,140,94)
```
#fb9971
```
#fb9971 rgb(251,153,113)
```
#fba784
```
#fba784 rgb(251,167,132)
```
#fcb597
```
#fcb597 rgb(252,181,151)
```
#fdc2aa
```
#fdc2aa rgb(253,194,170)
```
#fdd0bd
```
#fdd0bd rgb(253,208,189)
```
#feded1
```
#feded1 rgb(254,222,209)
```
#feebe4
```
#feebe4 rgb(254,235,228)
```
#fff9f7
```
#fff9f7 rgb(255,249,247)
```

Tint Color Variation

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

#878483
```
#878483 rgb(135,132,131)
```
#918079
```
#918079 rgb(145,128,121)
```
#9a7c70
```
#9a7c70 rgb(154,124,112)
```
#a47866
```
#a47866 rgb(164,120,102)
```
#ad745d
```
#ad745d rgb(173,116,93)
```
#b67054
```
#b67054 rgb(182,112,84)
```
#c06d4a
```
#c06d4a rgb(192,109,74)
```
#c96941
```
#c96941 rgb(201,105,65)
```
#d26538
```
#d26538 rgb(210,101,56)
```
#dc612e
```
#dc612e rgb(220,97,46)
```
#e55d25
```
#e55d25 rgb(229,93,37)
```
#ef591b
```
#ef591b rgb(239,89,27)
```
#f85512
```
#f85512 rgb(248,85,18)
```

Tone Color Variation

Below, you can see how #f85512 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
#967668 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3922b Protanopia 1% of men
#b78b00 Deuteranopia 1% of men
#f9585c Tritanopia 0.001% of the population

Trichromacy

#c27c22 Protanomaly 1% of men, 0.01% of women
#ce7706 Deuteranomaly 6% of men, 0.4% of women
#f95741 Tritanomaly 0.01% of the population

#f85512 hex color

#f85512 Color Information

#f85512 Color Conversion

Color Schemes with #f85512

Alternatives to #f85512

#f85512 Preview

Shades and Tints of #f85512

Tones of #f85512

Color Blindness Simulator