#f85d21 hex color

In a RGB color space, hex #f85d21 is composed of 97.3% red, 36.5% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.5% magenta, 86.7% yellow and 2.7% black. It has a hue angle of 16.7 degrees, a saturation of 93.9% and a lightness of 55.1%. #f85d21 color hex could be obtained by blending #ffba42 with #f10000. Closest websafe color is: #ff6633.

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

● #f85d21 color description : Vivid orange.

The hexadecimal color #f85d21 has RGB values of R:248, G:93, B:33 and CMYK values of C:0, M:0.63, Y:0.87, K:0.03. Its decimal value is 16276769.

Hex triplet	f85d21	`#f85d21`
RGB Decimal	248, 93, 33	`rgb(248,93,33)`
RGB Percent	97.3, 36.5, 12.9	`rgb(97.3%,36.5%,12.9%)`
CMYK	0, 63, 87, 3
HSL	16.7°, 93.9, 55.1	`hsl(16.7,93.9%,55.1%)`
HSV (or HSB)	16.7°, 86.7, 97.3
Web Safe	ff6633	`#ff6633`

CIE-LAB	59.798, 56.83, 61.207
XYZ	42.902, 27.9, 4.565
xyY	0.569, 0.37, 27.9
CIE-LCH	59.798, 83.522, 47.124
CIE-LUV	59.798, 127.001, 46.788
Hunter-Lab	52.82, 52.548, 31.85
Binary	11111000, 01011101, 00100001

#f85d21
```
#f85d21 rgb(248,93,33)
```
#21bcf8
```
#21bcf8 rgb(33,188,248)
```

Complementary Color

#f82150
```
#f82150 rgb(248,33,80)
```
#f85d21
```
#f85d21 rgb(248,93,33)
```
#f8c921
```
#f8c921 rgb(248,201,33)
```

Analogous Color

#2151f8
```
#2151f8 rgb(33,81,248)
```
#f85d21
```
#f85d21 rgb(248,93,33)
```
#21f8c9
```
#21f8c9 rgb(33,248,201)
```

Split Complementary Color

#5d21f8
```
#5d21f8 rgb(93,33,248)
```
#f85d21
```
#f85d21 rgb(248,93,33)
```
#21f85d
```
#21f85d rgb(33,248,93)
```

Triadic Color

#f821bc
```
#f821bc rgb(248,33,188)
```
#f85d21
```
#f85d21 rgb(248,93,33)
```
#21f85d
```
#21f85d rgb(33,248,93)
```
#21bcf8
```
#21bcf8 rgb(33,188,248)
```

Tetradic Color

#c63c06
```
#c63c06 rgb(198,60,6)
```
#df4307
```
#df4307 rgb(223,67,7)
```
#f74b08
```
#f74b08 rgb(247,75,8)
```
#f85d21
```
#f85d21 rgb(248,93,33)
```
#f96f3a
```
#f96f3a rgb(249,111,58)
```
#fa8152
```
#fa8152 rgb(250,129,82)
```
#fa936b
```
#fa936b rgb(250,147,107)
```

Monochromatic Color

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

#f82721
```
#f82721 rgb(248,39,33)
```
#f83921
```
#f83921 rgb(248,57,33)
```
#f84b21
```
#f84b21 rgb(248,75,33)
```
#f85d21
```
#f85d21 rgb(248,93,33)
```
#f86f21
```
#f86f21 rgb(248,111,33)
```
#f88121
```
#f88121 rgb(248,129,33)
```
#f89321
```
#f89321 rgb(248,147,33)
```

Similar Colors

Text with hexadecimal color #f85d21

This text has a font color of #f85d21.

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

#f85d21 background color

This paragraph has a background color of #f85d21.

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

#f85d21 border color

This element has a border color of #f85d21.

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

CSS codes

.text {color:#f85d21;}

.background {background-color:#f85d21;}

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

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

#060200
```
#060200 rgb(6,2,0)
```
#190801
```
#190801 rgb(25,8,1)
```
#2c0d01
```
#2c0d01 rgb(44,13,1)
```
#3f1302
```
#3f1302 rgb(63,19,2)
```
#521903
```
#521903 rgb(82,25,3)
```
#651f03
```
#651f03 rgb(101,31,3)
```
#782404
```
#782404 rgb(120,36,4)
```
#8b2a04
```
#8b2a04 rgb(139,42,4)
```
#9e3005
```
#9e3005 rgb(158,48,5)
```
#b13606
```
#b13606 rgb(177,54,6)
```
#c43b06
```
#c43b06 rgb(196,59,6)
```
#d74107
```
#d74107 rgb(215,65,7)
```
#ea4707
```
#ea4707 rgb(234,71,7)
```

Shade Color Variation

#f74f0e
```
#f74f0e rgb(247,79,14)
```
#f85d21
```
#f85d21 rgb(248,93,33)
```
#f96b34
```
#f96b34 rgb(249,107,52)
```
#f97947
```
#f97947 rgb(249,121,71)
```
#fa875a
```
#fa875a rgb(250,135,90)
```
#fa956d
```
#fa956d rgb(250,149,109)
```
#fba280
```
#fba280 rgb(251,162,128)
```
#fcb093
```
#fcb093 rgb(252,176,147)
```
#fcbea6
```
#fcbea6 rgb(252,190,166)
```
#fdccb9
```
#fdccb9 rgb(253,204,185)
```
#fddacc
```
#fddacc rgb(253,218,204)
```
#fee8df
```
#fee8df rgb(254,232,223)
```
#fff6f2
```
#fff6f2 rgb(255,246,242)
```

Tint Color Variation

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

#8e8c8b
```
#8e8c8b rgb(142,140,139)
```
#978882
```
#978882 rgb(151,136,130)
```
#a08479
```
#a08479 rgb(160,132,121)
```
#a98070
```
#a98070 rgb(169,128,112)
```
#b27c67
```
#b27c67 rgb(178,124,103)
```
#ba785f
```
#ba785f rgb(186,120,95)
```
#c37456
```
#c37456 rgb(195,116,86)
```
#cc704d
```
#cc704d rgb(204,112,77)
```
#d56d44
```
#d56d44 rgb(213,109,68)
```
#de693b
```
#de693b rgb(222,105,59)
```
#e66533
```
#e66533 rgb(230,101,51)
```
#ef612a
```
#ef612a rgb(239,97,42)
```
#f85d21
```
#f85d21 rgb(248,93,33)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#9c7d71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69638 Protanopia 1% of men
#bb8e14 Deuteranopia 1% of men
#fa5f64 Tritanopia 0.001% of the population

Trichromacy

#c48130 Protanomaly 1% of men, 0.01% of women
#d17c19 Deuteranomaly 6% of men, 0.4% of women
#f95e4c Tritanomaly 0.01% of the population

#f85d21 hex color

#f85d21 Color Information

#f85d21 Color Conversion

Color Schemes with #f85d21

Alternatives to #f85d21

#f85d21 Preview

Shades and Tints of #f85d21

Tones of #f85d21

Color Blindness Simulator