#f5850e hex color

In a RGB color space, hex #f5850e is composed of 96.1% red, 52.2% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.7% magenta, 94.3% yellow and 3.9% black. It has a hue angle of 30.9 degrees, a saturation of 92% and a lightness of 50.8%. #f5850e color hex could be obtained by blending #ffff1c with #eb0b00. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 96
- G 52
- B 5
RGB color chart
- C 0
- M 46
- Y 94
- K 4
CMYK color chart

● #f5850e color description : Vivid orange.

The hexadecimal color #f5850e has RGB values of R:245, G:133, B:14 and CMYK values of C:0, M:0.46, Y:0.94, K:0.04. Its decimal value is 16090382.

Hex triplet	f5850e	`#f5850e`
RGB Decimal	245, 133, 14	`rgb(245,133,14)`
RGB Percent	96.1, 52.2, 5.5	`rgb(96.1%,52.2%,5.5%)`
CMYK	0, 46, 94, 4
HSL	30.9°, 92, 50.8	`hsl(30.9,92%,50.8%)`
HSV (or HSB)	30.9°, 94.3, 96.1
Web Safe	ff9900	`#ff9900`

CIE-LAB	66.69, 36.494, 71.053
XYZ	46.125, 36.223, 4.978
xyY	0.528, 0.415, 36.223
CIE-LCH	66.69, 79.877, 62.814
CIE-LUV	66.69, 93.125, 61.598
Hunter-Lab	60.186, 31.472, 37.226
Binary	11110101, 10000101, 00001110

#f5850e
```
#f5850e rgb(245,133,14)
```
#0e7ef5
```
#0e7ef5 rgb(14,126,245)
```

Complementary Color

#f5120e
```
#f5120e rgb(245,18,14)
```
#f5850e
```
#f5850e rgb(245,133,14)
```
#f2f50e
```
#f2f50e rgb(242,245,14)
```

Analogous Color

#110ef5
```
#110ef5 rgb(17,14,245)
```
#f5850e
```
#f5850e rgb(245,133,14)
```
#0ef2f5
```
#0ef2f5 rgb(14,242,245)
```

Split Complementary Color

#850ef5
```
#850ef5 rgb(133,14,245)
```
#f5850e
```
#f5850e rgb(245,133,14)
```
#0ef585
```
#0ef585 rgb(14,245,133)
```

Triadic Color

#f50e7e
```
#f50e7e rgb(245,14,126)
```
#f5850e
```
#f5850e rgb(245,133,14)
```
#0ef585
```
#0ef585 rgb(14,245,133)
```
#0e7ef5
```
#0e7ef5 rgb(14,126,245)
```

Tetradic Color

#af5e07
```
#af5e07 rgb(175,94,7)
```
#c86b08
```
#c86b08 rgb(200,107,8)
```
#e07809
```
#e07809 rgb(224,120,9)
```
#f5850e
```
#f5850e rgb(245,133,14)
```
#f69126
```
#f69126 rgb(246,145,38)
```
#f79e3f
```
#f79e3f rgb(247,158,63)
```
#f8aa57
```
#f8aa57 rgb(248,170,87)
```

Monochromatic Color

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

#f54b0e
```
#f54b0e rgb(245,75,14)
```
#f55f0e
```
#f55f0e rgb(245,95,14)
```
#f5720e
```
#f5720e rgb(245,114,14)
```
#f5850e
```
#f5850e rgb(245,133,14)
```
#f5980e
```
#f5980e rgb(245,152,14)
```
#f5ac0e
```
#f5ac0e rgb(245,172,14)
```
#f5bf0e
```
#f5bf0e rgb(245,191,14)
```

Similar Colors

Text with hexadecimal color #f5850e

This text has a font color of #f5850e.

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

#f5850e background color

This paragraph has a background color of #f5850e.

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

#f5850e border color

This element has a border color of #f5850e.

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

CSS codes

.text {color:#f5850e;}

.background {background-color:#f5850e;}

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

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

#040200
```
#040200 rgb(4,2,0)
```
#170c01
```
#170c01 rgb(23,12,1)
```
#2a1602
```
#2a1602 rgb(42,22,2)
```
#3c2003
```
#3c2003 rgb(60,32,3)
```
#4f2a03
```
#4f2a03 rgb(79,42,3)
```
#623404
```
#623404 rgb(98,52,4)
```
#753f05
```
#753f05 rgb(117,63,5)
```
#884906
```
#884906 rgb(136,73,6)
```
#9b5306
```
#9b5306 rgb(155,83,6)
```
#ad5d07
```
#ad5d07 rgb(173,93,7)
```
#c06708
```
#c06708 rgb(192,103,8)
```
#d37109
```
#d37109 rgb(211,113,9)
```
#e67b0a
```
#e67b0a rgb(230,123,10)
```

Shade Color Variation

#f5850e
```
#f5850e rgb(245,133,14)
```
#f68f21
```
#f68f21 rgb(246,143,33)
```
#f79834
```
#f79834 rgb(247,152,52)
```
#f7a247
```
#f7a247 rgb(247,162,71)
```
#f8ab59
```
#f8ab59 rgb(248,171,89)
```
#f9b56c
```
#f9b56c rgb(249,181,108)
```
#fabe7f
```
#fabe7f rgb(250,190,127)
```
#fac892
```
#fac892 rgb(250,200,146)
```
#fbd1a5
```
#fbd1a5 rgb(251,209,165)
```
#fcdbb8
```
#fcdbb8 rgb(252,219,184)
```
#fde4ca
```
#fde4ca rgb(253,228,202)
```
#feeedd
```
#feeedd rgb(254,238,221)
```
#fef7f0
```
#fef7f0 rgb(254,247,240)
```

Tint Color Variation

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

#8b8278
```
#8b8278 rgb(139,130,120)
```
#94826f
```
#94826f rgb(148,130,111)
```
#9e8265
```
#9e8265 rgb(158,130,101)
```
#a8835b
```
#a8835b rgb(168,131,91)
```
#b18352
```
#b18352 rgb(177,131,82)
```
#bb8348
```
#bb8348 rgb(187,131,72)
```
#c5843e
```
#c5843e rgb(197,132,62)
```
#ce8435
```
#ce8435 rgb(206,132,53)
```
#d8842b
```
#d8842b rgb(216,132,43)
```
#e28421
```
#e28421 rgb(226,132,33)
```
#eb8518
```
#eb8518 rgb(235,133,24)
```
#f5850e
```
#f5850e rgb(245,133,14)
```
#ff8504
```
#ff8504 rgb(255,133,4)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#ab957d Atypical Achromatopsia 0.001% of the population

Dichromacy

#bba723 Protanopia 1% of men
#d19f00 Deuteranopia 1% of men
#f9828a Tritanopia 0.001% of the population

Trichromacy

#d09a1b Protanomaly 1% of men, 0.01% of women
#de9505 Deuteranomaly 6% of men, 0.4% of women
#f8835d Tritanomaly 0.01% of the population

#f5850e hex color

#f5850e Color Information

#f5850e Color Conversion

Color Schemes with #f5850e

Alternatives to #f5850e

#f5850e Preview

Shades and Tints of #f5850e

Tones of #f5850e

Color Blindness Simulator