#f85f3d hex color

In a RGB color space, hex #f85f3d is composed of 97.3% red, 37.3% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.7% magenta, 75.4% yellow and 2.7% black. It has a hue angle of 10.9 degrees, a saturation of 93% and a lightness of 60.6%. #f85f3d color hex could be obtained by blending #ffbe7a with #f10000. Closest websafe color is: #ff6633.

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

● #f85f3d color description : Bright red.

The hexadecimal color #f85f3d has RGB values of R:248, G:95, B:61 and CMYK values of C:0, M:0.62, Y:0.75, K:0.03. Its decimal value is 16277309.

Hex triplet	f85f3d	`#f85f3d`
RGB Decimal	248, 95, 61	`rgb(248,95,61)`
RGB Percent	97.3, 37.3, 23.9	`rgb(97.3%,37.3%,23.9%)`
CMYK	0, 62, 75, 3
HSL	10.9°, 93, 60.6	`hsl(10.9,93%,60.6%)`
HSV (or HSB)	10.9°, 75.4, 97.3
Web Safe	ff6633	`#ff6633`

CIE-LAB	60.322, 56.78, 49.193
XYZ	43.648, 28.483, 7.614
xyY	0.547, 0.357, 28.483
CIE-LCH	60.322, 75.126, 40.905
CIE-LUV	60.322, 122.16, 39.886
Hunter-Lab	53.369, 52.59, 28.9
Binary	11111000, 01011111, 00111101

#f85f3d
```
#f85f3d rgb(248,95,61)
```
#3dd6f8
```
#3dd6f8 rgb(61,214,248)
```

Complementary Color

#f83d79
```
#f83d79 rgb(248,61,121)
```
#f85f3d
```
#f85f3d rgb(248,95,61)
```
#f8bd3d
```
#f8bd3d rgb(248,189,61)
```

Analogous Color

#3d79f8
```
#3d79f8 rgb(61,121,248)
```
#f85f3d
```
#f85f3d rgb(248,95,61)
```
#3df8bd
```
#3df8bd rgb(61,248,189)
```

Split Complementary Color

#5f3df8
```
#5f3df8 rgb(95,61,248)
```
#f85f3d
```
#f85f3d rgb(248,95,61)
```
#3df85f
```
#3df85f rgb(61,248,95)
```

Triadic Color

#f83dd6
```
#f83dd6 rgb(248,61,214)
```
#f85f3d
```
#f85f3d rgb(248,95,61)
```
#3df85f
```
#3df85f rgb(61,248,95)
```
#3dd6f8
```
#3dd6f8 rgb(61,214,248)
```

Tetradic Color

#e02f08
```
#e02f08 rgb(224,47,8)
```
#f6360c
```
#f6360c rgb(246,54,12)
```
#f74b24
```
#f74b24 rgb(247,75,36)
```
#f85f3d
```
#f85f3d rgb(248,95,61)
```
#f97356
```
#f97356 rgb(249,115,86)
```
#fa886e
```
#fa886e rgb(250,136,110)
```
#fb9c87
```
#fb9c87 rgb(251,156,135)
```

Monochromatic Color

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

#f83d4a
```
#f83d4a rgb(248,61,74)
```
#f8403d
```
#f8403d rgb(248,64,61)
```
#f84f3d
```
#f84f3d rgb(248,79,61)
```
#f85f3d
```
#f85f3d rgb(248,95,61)
```
#f86f3d
```
#f86f3d rgb(248,111,61)
```
#f87e3d
```
#f87e3d rgb(248,126,61)
```
#f88e3d
```
#f88e3d rgb(248,142,61)
```

Similar Colors

Text with hexadecimal color #f85f3d

This text has a font color of #f85f3d.

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

#f85f3d background color

This paragraph has a background color of #f85f3d.

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

#f85f3d border color

This element has a border color of #f85f3d.

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

CSS codes

.text {color:#f85f3d;}

.background {background-color:#f85f3d;}

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

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

#0e0301
```
#0e0301 rgb(14,3,1)
```
#210701
```
#210701 rgb(33,7,1)
```
#340b02
```
#340b02 rgb(52,11,2)
```
#470f03
```
#470f03 rgb(71,15,3)
```
#5a1303
```
#5a1303 rgb(90,19,3)
```
#6d1704
```
#6d1704 rgb(109,23,4)
```
#801b05
```
#801b05 rgb(128,27,5)
```
#931f05
```
#931f05 rgb(147,31,5)
```
#a62306
```
#a62306 rgb(166,35,6)
```
#b92707
```
#b92707 rgb(185,39,7)
```
#cc2b07
```
#cc2b07 rgb(204,43,7)
```
#df2f08
```
#df2f08 rgb(223,47,8)
```
#f13309
```
#f13309 rgb(241,51,9)
```

Shade Color Variation

#f74017
```
#f74017 rgb(247,64,23)
```
#f74f2a
```
#f74f2a rgb(247,79,42)
```
#f85f3d
```
#f85f3d rgb(248,95,61)
```
#f96f50
```
#f96f50 rgb(249,111,80)
```
#f97e63
```
#f97e63 rgb(249,126,99)
```
#fa8e76
```
#fa8e76 rgb(250,142,118)
```
#fb9d89
```
#fb9d89 rgb(251,157,137)
```
#fbad9c
```
#fbad9c rgb(251,173,156)
```
#fcbdaf
```
#fcbdaf rgb(252,189,175)
```
#fdccc2
```
#fdccc2 rgb(253,204,194)
```
#fddcd4
```
#fddcd4 rgb(253,220,212)
```
#feece7
```
#feece7 rgb(254,236,231)
```
#fffbfa
```
#fffbfa rgb(255,251,250)
```

Tint Color Variation

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

#9b9a9a
```
#9b9a9a rgb(155,154,154)
```
#a39592
```
#a39592 rgb(163,149,146)
```
#ab908a
```
#ab908a rgb(171,144,138)
```
#b28b83
```
#b28b83 rgb(178,139,131)
```
#ba867b
```
#ba867b rgb(186,134,123)
```
#c28173
```
#c28173 rgb(194,129,115)
```
#ca7d6b
```
#ca7d6b rgb(202,125,107)
```
#d17864
```
#d17864 rgb(209,120,100)
```
#d9735c
```
#d9735c rgb(217,115,92)
```
#e16e54
```
#e16e54 rgb(225,110,84)
```
#e9694c
```
#e9694c rgb(233,105,76)
```
#f06445
```
#f06445 rgb(240,100,69)
```
#f85f3d
```
#f85f3d rgb(248,95,61)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#9f817a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59755 Protanopia 1% of men
#ba903b Deuteranopia 1% of men
#f96368 Tritanopia 0.001% of the population

Trichromacy

#c3824c Protanomaly 1% of men, 0.01% of women
#d17e3c Deuteranomaly 6% of men, 0.4% of women
#f96158 Tritanomaly 0.01% of the population

#f85f3d hex color

#f85f3d Color Information

#f85f3d Color Conversion

Color Schemes with #f85f3d

Alternatives to #f85f3d

#f85f3d Preview

Shades and Tints of #f85f3d

Tones of #f85f3d

Color Blindness Simulator