#f8500c hex color

In a RGB color space, hex #f8500c is composed of 97.3% red, 31.4% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.7% magenta, 95.2% yellow and 2.7% black. It has a hue angle of 17.3 degrees, a saturation of 94.4% and a lightness of 51%. #f8500c color hex could be obtained by blending #ffa018 with #f10000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 97
- G 31
- B 5
RGB color chart
- C 0
- M 68
- Y 95
- K 3
CMYK color chart

● #f8500c color description : Vivid orange.

The hexadecimal color #f8500c has RGB values of R:248, G:80, B:12 and CMYK values of C:0, M:0.68, Y:0.95, K:0.03. Its decimal value is 16273420.

Hex triplet	f8500c	`#f8500c`
RGB Decimal	248, 80, 12	`rgb(248,80,12)`
RGB Percent	97.3, 31.4, 4.7	`rgb(97.3%,31.4%,4.7%)`
CMYK	0, 68, 95, 3
HSL	17.3°, 94.4, 51	`hsl(17.3,94.4%,51%)`
HSV (or HSB)	17.3°, 95.2, 97.3
Web Safe	ff6600	`#ff6600`

CIE-LAB	57.775, 61.776, 65.995
XYZ	41.648, 25.725, 3.12
xyY	0.591, 0.365, 25.725
CIE-LCH	57.775, 90.397, 46.892
CIE-LUV	57.775, 137.808, 46.274
Hunter-Lab	50.72, 57.814, 31.857
Binary	11111000, 01010000, 00001100

#f8500c
```
#f8500c rgb(248,80,12)
```
#0cb4f8
```
#0cb4f8 rgb(12,180,248)
```

Complementary Color

#f80c3e
```
#f80c3e rgb(248,12,62)
```
#f8500c
```
#f8500c rgb(248,80,12)
```
#f8c60c
```
#f8c60c rgb(248,198,12)
```

Analogous Color

#0c3ef8
```
#0c3ef8 rgb(12,62,248)
```
#f8500c
```
#f8500c rgb(248,80,12)
```
#0cf8c6
```
#0cf8c6 rgb(12,248,198)
```

Split Complementary Color

#500cf8
```
#500cf8 rgb(80,12,248)
```
#f8500c
```
#f8500c rgb(248,80,12)
```
#0cf850
```
#0cf850 rgb(12,248,80)
```

Triadic Color

#f80cb4
```
#f80cb4 rgb(248,12,180)
```
#f8500c
```
#f8500c rgb(248,80,12)
```
#0cf850
```
#0cf850 rgb(12,248,80)
```
#0cb4f8
```
#0cb4f8 rgb(12,180,248)
```

Tetradic Color

#b23705
```
#b23705 rgb(178,55,5)
```
#cb3f06
```
#cb3f06 rgb(203,63,6)
```
#e44607
```
#e44607 rgb(228,70,7)
```
#f8500c
```
#f8500c rgb(248,80,12)
```
#f96225
```
#f96225 rgb(249,98,37)
```
#f9743e
```
#f9743e rgb(249,116,62)
```
#fa8656
```
#fa8656 rgb(250,134,86)
```

Monochromatic Color

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

#f8150c
```
#f8150c rgb(248,21,12)
```
#f8290c
```
#f8290c rgb(248,41,12)
```
#f83c0c
```
#f83c0c rgb(248,60,12)
```
#f8500c
```
#f8500c rgb(248,80,12)
```
#f8640c
```
#f8640c rgb(248,100,12)
```
#f8770c
```
#f8770c rgb(248,119,12)
```
#f88b0c
```
#f88b0c rgb(248,139,12)
```

Similar Colors

Text with hexadecimal color #f8500c

This text has a font color of #f8500c.

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

#f8500c background color

This paragraph has a background color of #f8500c.

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

#f8500c border color

This element has a border color of #f8500c.

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

CSS codes

.text {color:#f8500c;}

.background {background-color:#f8500c;}

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

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

#050100
```
#050100 rgb(5,1,0)
```
#180701
```
#180701 rgb(24,7,1)
```
#2b0d01
```
#2b0d01 rgb(43,13,1)
```
#3e1302
```
#3e1302 rgb(62,19,2)
```
#511902
```
#511902 rgb(81,25,2)
```
#641f03
```
#641f03 rgb(100,31,3)
```
#772503
```
#772503 rgb(119,37,3)
```
#8a2b04
```
#8a2b04 rgb(138,43,4)
```
#9d3105
```
#9d3105 rgb(157,49,5)
```
#b03605
```
#b03605 rgb(176,54,5)
```
#c43c06
```
#c43c06 rgb(196,60,6)
```
#d74206
```
#d74206 rgb(215,66,6)
```
#ea4807
```
#ea4807 rgb(234,72,7)
```

Shade Color Variation

#f8500c
```
#f8500c rgb(248,80,12)
```
#f95e1f
```
#f95e1f rgb(249,94,31)
```
#f96b32
```
#f96b32 rgb(249,107,50)
```
#fa7945
```
#fa7945 rgb(250,121,69)
```
#fa8758
```
#fa8758 rgb(250,135,88)
```
#fb956b
```
#fb956b rgb(251,149,107)
```
#fba27e
```
#fba27e rgb(251,162,126)
```
#fcb091
```
#fcb091 rgb(252,176,145)
```
#fcbea5
```
#fcbea5 rgb(252,190,165)
```
#fdccb8
```
#fdccb8 rgb(253,204,184)
```
#fdd9cb
```
#fdd9cb rgb(253,217,203)
```
#fee7de
```
#fee7de rgb(254,231,222)
```
#fff5f1
```
#fff5f1 rgb(255,245,241)
```

Tint Color Variation

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

#85817f
```
#85817f rgb(133,129,127)
```
#8e7d76
```
#8e7d76 rgb(142,125,118)
```
#98796c
```
#98796c rgb(152,121,108)
```
#a17563
```
#a17563 rgb(161,117,99)
```
#ab7159
```
#ab7159 rgb(171,113,89)
```
#b56d4f
```
#b56d4f rgb(181,109,79)
```
#be6846
```
#be6846 rgb(190,104,70)
```
#c8643c
```
#c8643c rgb(200,100,60)
```
#d26032
```
#d26032 rgb(210,96,50)
```
#db5c29
```
#db5c29 rgb(219,92,41)
```
#e5581f
```
#e5581f rgb(229,88,31)
```
#ee5416
```
#ee5416 rgb(238,84,22)
```
#f8500c
```
#f8500c rgb(248,80,12)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#937264 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19127 Protanopia 1% of men
#b58900 Deuteranopia 1% of men
#f95357 Tritanopia 0.001% of the population

Trichromacy

#c1791d Protanomaly 1% of men, 0.01% of women
#cd7404 Deuteranomaly 6% of men, 0.4% of women
#f9523c Tritanomaly 0.01% of the population

#f8500c hex color

#f8500c Color Information

#f8500c Color Conversion

Color Schemes with #f8500c

Alternatives to #f8500c

#f8500c Preview

Shades and Tints of #f8500c

Tones of #f8500c

Color Blindness Simulator