#f85612 hex color

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

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

● #f85612 color description : Vivid orange.

The hexadecimal color #f85612 has RGB values of R:248, G:86, B:18 and CMYK values of C:0, M:0.65, Y:0.93, K:0.03. Its decimal value is 16274962.

Hex triplet	f85612	`#f85612`
RGB Decimal	248, 86, 18	`rgb(248,86,18)`
RGB Percent	97.3, 33.7, 7.1	`rgb(97.3%,33.7%,7.1%)`
CMYK	0, 65, 93, 3
HSL	17.7°, 94.3, 52.2	`hsl(17.7,94.3%,52.2%)`
HSV (or HSB)	17.7°, 92.7, 97.3
Web Safe	ff6600	`#ff6600`

CIE-LAB	58.659, 59.487, 65.138
XYZ	42.15, 26.661, 3.499
xyY	0.583, 0.369, 26.661
CIE-LCH	58.659, 88.213, 47.596
CIE-LUV	58.659, 133.231, 47.176
Hunter-Lab	51.634, 55.356, 32.126
Binary	11111000, 01010110, 00010010

#f85612
```
#f85612 rgb(248,86,18)
```
#12b4f8
```
#12b4f8 rgb(18,180,248)
```

Complementary Color

#f81241
```
#f81241 rgb(248,18,65)
```
#f85612
```
#f85612 rgb(248,86,18)
```
#f8c912
```
#f8c912 rgb(248,201,18)
```

Analogous Color

#1241f8
```
#1241f8 rgb(18,65,248)
```
#f85612
```
#f85612 rgb(248,86,18)
```
#12f8c9
```
#12f8c9 rgb(18,248,201)
```

Split Complementary Color

#5612f8
```
#5612f8 rgb(86,18,248)
```
#f85612
```
#f85612 rgb(248,86,18)
```
#12f856
```
#12f856 rgb(18,248,86)
```

Triadic Color

#f812b4
```
#f812b4 rgb(248,18,180)
```
#f85612
```
#f85612 rgb(248,86,18)
```
#12f856
```
#12f856 rgb(18,248,86)
```
#12b4f8
```
#12b4f8 rgb(18,180,248)
```

Tetradic Color

#b83a05
```
#b83a05 rgb(184,58,5)
```
#d14206
```
#d14206 rgb(209,66,6)
```
#ea4a07
```
#ea4a07 rgb(234,74,7)
```
#f85612
```
#f85612 rgb(248,86,18)
```
#f9682b
```
#f9682b rgb(249,104,43)
```
#f97944
```
#f97944 rgb(249,121,68)
```
#fa8b5c
```
#fa8b5c rgb(250,139,92)
```

Monochromatic Color

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

#f81d12
```
#f81d12 rgb(248,29,18)
```
#f83012
```
#f83012 rgb(248,48,18)
```
#f84312
```
#f84312 rgb(248,67,18)
```
#f85612
```
#f85612 rgb(248,86,18)
```
#f86912
```
#f86912 rgb(248,105,18)
```
#f87c12
```
#f87c12 rgb(248,124,18)
```
#f89012
```
#f89012 rgb(248,144,18)
```

Similar Colors

Text with hexadecimal color #f85612

This text has a font color of #f85612.

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

#f85612 background color

This paragraph has a background color of #f85612.

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

#f85612 border color

This element has a border color of #f85612.

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

CSS codes

.text {color:#f85612;}

.background {background-color:#f85612;}

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

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)
```
#6a2203
```
#6a2203 rgb(106,34,3)
```
#7d2804
```
#7d2804 rgb(125,40,4)
```
#902e04
```
#902e04 rgb(144,46,4)
```
#a33405
```
#a33405 rgb(163,52,5)
```
#b63a05
```
#b63a05 rgb(182,58,5)
```
#c94006
```
#c94006 rgb(201,64,6)
```
#dc4607
```
#dc4607 rgb(220,70,7)
```
#ef4c07
```
#ef4c07 rgb(239,76,7)
```

Shade Color Variation

#f85612
```
#f85612 rgb(248,86,18)
```
#f96425
```
#f96425 rgb(249,100,37)
```
#f97138
```
#f97138 rgb(249,113,56)
```
#fa7f4b
```
#fa7f4b rgb(250,127,75)
```
#fa8c5e
```
#fa8c5e rgb(250,140,94)
```
#fb9a71
```
#fb9a71 rgb(251,154,113)
```
#fba884
```
#fba884 rgb(251,168,132)
```
#fcb597
```
#fcb597 rgb(252,181,151)
```
#fdc3aa
```
#fdc3aa rgb(253,195,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 #f85612 is the most saturated one.

#878483
```
#878483 rgb(135,132,131)
```
#918079
```
#918079 rgb(145,128,121)
```
#9a7c70
```
#9a7c70 rgb(154,124,112)
```
#a47966
```
#a47966 rgb(164,121,102)
```
#ad755d
```
#ad755d rgb(173,117,93)
```
#b67154
```
#b67154 rgb(182,113,84)
```
#c06d4a
```
#c06d4a rgb(192,109,74)
```
#c96941
```
#c96941 rgb(201,105,65)
```
#d26538
```
#d26538 rgb(210,101,56)
```
#dc622e
```
#dc622e rgb(220,98,46)
```
#e55e25
```
#e55e25 rgb(229,94,37)
```
#ef5a1b
```
#ef5a1b rgb(239,90,27)
```
#f85612
```
#f85612 rgb(248,86,18)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#977769 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4932b Protanopia 1% of men
#b78c00 Deuteranopia 1% of men
#f9595d Tritanopia 0.001% of the population

Trichromacy

#c27d22 Protanomaly 1% of men, 0.01% of women
#cf7806 Deuteranomaly 6% of men, 0.4% of women
#f95742 Tritanomaly 0.01% of the population

#f85612 hex color

#f85612 Color Information

#f85612 Color Conversion

Color Schemes with #f85612

Alternatives to #f85612

#f85612 Preview

Shades and Tints of #f85612

Tones of #f85612

Color Blindness Simulator