#f85e49 hex color

In a RGB color space, hex #f85e49 is composed of 97.3% red, 36.9% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.1% magenta, 70.6% yellow and 2.7% black. It has a hue angle of 7.2 degrees, a saturation of 92.6% and a lightness of 62.9%. #f85e49 color hex could be obtained by blending #ffbc92 with #f10000. Closest websafe color is: #ff6633.

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

● #f85e49 color description : Bright red.

The hexadecimal color #f85e49 has RGB values of R:248, G:94, B:73 and CMYK values of C:0, M:0.62, Y:0.71, K:0.03. Its decimal value is 16277065.

Hex triplet	f85e49	`#f85e49`
RGB Decimal	248, 94, 73	`rgb(248,94,73)`
RGB Percent	97.3, 36.9, 28.6	`rgb(97.3%,36.9%,28.6%)`
CMYK	0, 62, 71, 3
HSL	7.2°, 92.6, 62.9	`hsl(7.2,92.6%,62.9%)`
HSV (or HSB)	7.2°, 70.6, 97.3
Web Safe	ff6633	`#ff6633`

CIE-LAB	60.291, 57.71, 42.889
XYZ	43.918, 28.448, 9.481
xyY	0.537, 0.348, 28.448
CIE-LCH	60.291, 71.902, 36.619
CIE-LUV	60.291, 120.827, 35.01
Hunter-Lab	53.336, 53.643, 26.796
Binary	11111000, 01011110, 01001001

#f85e49
```
#f85e49 rgb(248,94,73)
```
#49e3f8
```
#49e3f8 rgb(73,227,248)
```

Complementary Color

#f8498c
```
#f8498c rgb(248,73,140)
```
#f85e49
```
#f85e49 rgb(248,94,73)
```
#f8b649
```
#f8b649 rgb(248,182,73)
```

Analogous Color

#498cf8
```
#498cf8 rgb(73,140,248)
```
#f85e49
```
#f85e49 rgb(248,94,73)
```
#49f8b6
```
#49f8b6 rgb(73,248,182)
```

Split Complementary Color

#5e49f8
```
#5e49f8 rgb(94,73,248)
```
#f85e49
```
#f85e49 rgb(248,94,73)
```
#49f85e
```
#49f85e rgb(73,248,94)
```

Triadic Color

#f849e3
```
#f849e3 rgb(248,73,227)
```
#f85e49
```
#f85e49 rgb(248,94,73)
```
#49f85e
```
#49f85e rgb(73,248,94)
```
#49e3f8
```
#49e3f8 rgb(73,227,248)
```

Tetradic Color

#eb2409
```
#eb2409 rgb(235,36,9)
```
#f63318
```
#f63318 rgb(246,51,24)
```
#f74830
```
#f74830 rgb(247,72,48)
```
#f85e49
```
#f85e49 rgb(248,94,73)
```
#f97462
```
#f97462 rgb(249,116,98)
```
#fa897a
```
#fa897a rgb(250,137,122)
```
#fb9f93
```
#fb9f93 rgb(251,159,147)
```

Monochromatic Color

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

#f84960
```
#f84960 rgb(248,73,96)
```
#f84951
```
#f84951 rgb(248,73,81)
```
#f84f49
```
#f84f49 rgb(248,79,73)
```
#f85e49
```
#f85e49 rgb(248,94,73)
```
#f86d49
```
#f86d49 rgb(248,109,73)
```
#f87b49
```
#f87b49 rgb(248,123,73)
```
#f88a49
```
#f88a49 rgb(248,138,73)
```

Similar Colors

Text with hexadecimal color #f85e49

This text has a font color of #f85e49.

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

#f85e49 background color

This paragraph has a background color of #f85e49.

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

#f85e49 border color

This element has a border color of #f85e49.

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

CSS codes

.text {color:#f85e49;}

.background {background-color:#f85e49;}

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

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

#070100
```
#070100 rgb(7,1,0)
```
#1a0401
```
#1a0401 rgb(26,4,1)
```
#2d0702
```
#2d0702 rgb(45,7,2)
```
#400a02
```
#400a02 rgb(64,10,2)
```
#520d03
```
#520d03 rgb(82,13,3)
```
#651004
```
#651004 rgb(101,16,4)
```
#781205
```
#781205 rgb(120,18,5)
```
#8b1505
```
#8b1505 rgb(139,21,5)
```
#9e1806
```
#9e1806 rgb(158,24,6)
```
#b11b07
```
#b11b07 rgb(177,27,7)
```
#c41e08
```
#c41e08 rgb(196,30,8)
```
#d72108
```
#d72108 rgb(215,33,8)
```
#ea2409
```
#ea2409 rgb(234,36,9)
```

Shade Color Variation

#f62c10
```
#f62c10 rgb(246,44,16)
```
#f73d23
```
#f73d23 rgb(247,61,35)
```
#f74d36
```
#f74d36 rgb(247,77,54)
```
#f85e49
```
#f85e49 rgb(248,94,73)
```
#f96f5c
```
#f96f5c rgb(249,111,92)
```
#f97f6f
```
#f97f6f rgb(249,127,111)
```
#fa9082
```
#fa9082 rgb(250,144,130)
```
#fba195
```
#fba195 rgb(251,161,149)
```
#fcb2a7
```
#fcb2a7 rgb(252,178,167)
```
#fcc2ba
```
#fcc2ba rgb(252,194,186)
```
#fdd3cd
```
#fdd3cd rgb(253,211,205)
```
#fee4e0
```
#fee4e0 rgb(254,228,224)
```
#fff4f3
```
#fff4f3 rgb(255,244,243)
```

Tint Color Variation

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

#a1a0a0
```
#a1a0a0 rgb(161,160,160)
```
#a89b99
```
#a89b99 rgb(168,155,153)
```
#af9592
```
#af9592 rgb(175,149,146)
```
#b7908a
```
#b7908a rgb(183,144,138)
```
#be8a83
```
#be8a83 rgb(190,138,131)
```
#c5857c
```
#c5857c rgb(197,133,124)
```
#cc7f75
```
#cc7f75 rgb(204,127,117)
```
#d47a6d
```
#d47a6d rgb(212,122,109)
```
#db7466
```
#db7466 rgb(219,116,102)
```
#e26f5f
```
#e26f5f rgb(226,111,95)
```
#e96958
```
#e96958 rgb(233,105,88)
```
#f16450
```
#f16450 rgb(241,100,80)
```
#f85e49
```
#f85e49 rgb(248,94,73)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#a0817d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49762 Protanopia 1% of men
#b99048 Deuteranopia 1% of men
#f96368 Tritanopia 0.001% of the population

Trichromacy

#c28259 Protanomaly 1% of men, 0.01% of women
#d07d48 Deuteranomaly 6% of men, 0.4% of women
#f8615d Tritanomaly 0.01% of the population

#f85e49 hex color

#f85e49 Color Information

#f85e49 Color Conversion

Color Schemes with #f85e49

Alternatives to #f85e49

#f85e49 Preview

Shades and Tints of #f85e49

Tones of #f85e49

Color Blindness Simulator