#f85c31 hex color

In a RGB color space, hex #f85c31 is composed of 97.3% red, 36.1% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.9% magenta, 80.2% yellow and 2.7% black. It has a hue angle of 13 degrees, a saturation of 93.4% and a lightness of 58.2%. #f85c31 color hex could be obtained by blending #ffb862 with #f10000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 97
- G 36
- B 19
RGB color chart
- C 0
- M 63
- Y 80
- K 3
CMYK color chart

● #f85c31 color description : Bright red.

The hexadecimal color #f85c31 has RGB values of R:248, G:92, B:49 and CMYK values of C:0, M:0.63, Y:0.8, K:0.03. Its decimal value is 16276529.

Hex triplet	f85c31	`#f85c31`
RGB Decimal	248, 92, 49	`rgb(248,92,49)`
RGB Percent	97.3, 36.1, 19.2	`rgb(97.3%,36.1%,19.2%)`
CMYK	0, 63, 80, 3
HSL	13°, 93.4, 58.2	`hsl(13,93.4%,58.2%)`
HSV (or HSB)	13°, 80.2, 97.3
Web Safe	ff6633	`#ff6633`

CIE-LAB	59.741, 57.647, 54.441
XYZ	43.095, 27.837, 6.009
xyY	0.56, 0.362, 27.837
CIE-LCH	59.741, 79.291, 43.362
CIE-LUV	59.741, 126.027, 42.753
Hunter-Lab	52.761, 53.466, 30.18
Binary	11111000, 01011100, 00110001

#f85c31
```
#f85c31 rgb(248,92,49)
```
#31cdf8
```
#31cdf8 rgb(49,205,248)
```

Complementary Color

#f8316a
```
#f8316a rgb(248,49,106)
```
#f85c31
```
#f85c31 rgb(248,92,49)
```
#f8c031
```
#f8c031 rgb(248,192,49)
```

Analogous Color

#316af8
```
#316af8 rgb(49,106,248)
```
#f85c31
```
#f85c31 rgb(248,92,49)
```
#31f8c0
```
#31f8c0 rgb(49,248,192)
```

Split Complementary Color

#5c31f8
```
#5c31f8 rgb(92,49,248)
```
#f85c31
```
#f85c31 rgb(248,92,49)
```
#31f85c
```
#31f85c rgb(49,248,92)
```

Triadic Color

#f831cd
```
#f831cd rgb(248,49,205)
```
#f85c31
```
#f85c31 rgb(248,92,49)
```
#31f85c
```
#31f85c rgb(49,248,92)
```
#31cdf8
```
#31cdf8 rgb(49,205,248)
```

Tetradic Color

#d53407
```
#d53407 rgb(213,52,7)
```
#ee3a08
```
#ee3a08 rgb(238,58,8)
```
#f74818
```
#f74818 rgb(247,72,24)
```
#f85c31
```
#f85c31 rgb(248,92,49)
```
#f9704a
```
#f9704a rgb(249,112,74)
```
#fa8362
```
#fa8362 rgb(250,131,98)
```
#fb977b
```
#fb977b rgb(251,151,123)
```

Monochromatic Color

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

#f83138
```
#f83138 rgb(248,49,56)
```
#f83b31
```
#f83b31 rgb(248,59,49)
```
#f84b31
```
#f84b31 rgb(248,75,49)
```
#f85c31
```
#f85c31 rgb(248,92,49)
```
#f86d31
```
#f86d31 rgb(248,109,49)
```
#f87d31
```
#f87d31 rgb(248,125,49)
```
#f88e31
```
#f88e31 rgb(248,142,49)
```

Similar Colors

Text with hexadecimal color #f85c31

This text has a font color of #f85c31.

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

#f85c31 background color

This paragraph has a background color of #f85c31.

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

#f85c31 border color

This element has a border color of #f85c31.

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

CSS codes

.text {color:#f85c31;}

.background {background-color:#f85c31;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#160501
```
#160501 rgb(22,5,1)
```
#290a01
```
#290a01 rgb(41,10,1)
```
#3c0e02
```
#3c0e02 rgb(60,14,2)
```
#4f1303
```
#4f1303 rgb(79,19,3)
```
#621803
```
#621803 rgb(98,24,3)
```
#751c04
```
#751c04 rgb(117,28,4)
```
#872105
```
#872105 rgb(135,33,5)
```
#9a2505
```
#9a2505 rgb(154,37,5)
```
#ad2a06
```
#ad2a06 rgb(173,42,6)
```
#c02f07
```
#c02f07 rgb(192,47,7)
```
#d33307
```
#d33307 rgb(211,51,7)
```
#e63808
```
#e63808 rgb(230,56,8)
```

Shade Color Variation

#f73e0b
```
#f73e0b rgb(247,62,11)
```
#f74d1e
```
#f74d1e rgb(247,77,30)
```
#f85c31
```
#f85c31 rgb(248,92,49)
```
#f96b44
```
#f96b44 rgb(249,107,68)
```
#f97a57
```
#f97a57 rgb(249,122,87)
```
#fa896a
```
#fa896a rgb(250,137,106)
```
#fb987d
```
#fb987d rgb(251,152,125)
```
#fba790
```
#fba790 rgb(251,167,144)
```
#fcb6a3
```
#fcb6a3 rgb(252,182,163)
```
#fdc5b6
```
#fdc5b6 rgb(253,197,182)
```
#fdd4c9
```
#fdd4c9 rgb(253,212,201)
```
#fee3dc
```
#fee3dc rgb(254,227,220)
```
#fef2ef
```
#fef2ef rgb(254,242,239)
```

Tint Color Variation

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

#969493
```
#969493 rgb(150,148,147)
```
#9e8f8b
```
#9e8f8b rgb(158,143,139)
```
#a68b83
```
#a68b83 rgb(166,139,131)
```
#ae867b
```
#ae867b rgb(174,134,123)
```
#b68173
```
#b68173 rgb(182,129,115)
```
#bf7d6a
```
#bf7d6a rgb(191,125,106)
```
#c77862
```
#c77862 rgb(199,120,98)
```
#cf735a
```
#cf735a rgb(207,115,90)
```
#d76f52
```
#d76f52 rgb(215,111,82)
```
#df6a4a
```
#df6a4a rgb(223,106,74)
```
#e86541
```
#e86541 rgb(232,101,65)
```
#f06139
```
#f06139 rgb(240,97,57)
```
#f85c31
```
#f85c31 rgb(248,92,49)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#9d7e75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59549 Protanopia 1% of men
#ba8e2d Deuteranopia 1% of men
#f95f64 Tritanopia 0.001% of the population

Trichromacy

#c38040 Protanomaly 1% of men, 0.01% of women
#d07c2e Deuteranomaly 6% of men, 0.4% of women
#f95e51 Tritanomaly 0.01% of the population

#f85c31 hex color

#f85c31 Color Information

#f85c31 Color Conversion

Color Schemes with #f85c31

Alternatives to #f85c31

#f85c31 Preview

Shades and Tints of #f85c31

Tones of #f85c31

Color Blindness Simulator