#f5c086 hex color

In a RGB color space, hex #f5c086 is composed of 96.1% red, 75.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.6% magenta, 45.3% yellow and 3.9% black. It has a hue angle of 31.4 degrees, a saturation of 84.7% and a lightness of 74.3%. #f5c086 color hex could be obtained by blending #ffffff with #eb810d. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 96
- G 75
- B 53
RGB color chart
- C 0
- M 22
- Y 45
- K 4
CMYK color chart

● #f5c086 color description : Soft orange.

The hexadecimal color #f5c086 has RGB values of R:245, G:192, B:134 and CMYK values of C:0, M:0.22, Y:0.45, K:0.04. Its decimal value is 16105606.

Hex triplet	f5c086	`#f5c086`
RGB Decimal	245, 192, 134	`rgb(245,192,134)`
RGB Percent	96.1, 75.3, 52.5	`rgb(96.1%,75.3%,52.5%)`
CMYK	0, 22, 45, 4
HSL	31.4°, 84.7, 74.3	`hsl(31.4,84.7%,74.3%)`
HSV (or HSB)	31.4°, 45.3, 96.1
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	81.201, 11.867, 36.433
XYZ	60.809, 58.836, 30.706
xyY	0.404, 0.391, 58.836
CIE-LCH	81.201, 38.317, 71.958
CIE-LUV	81.201, 39.128, 45.443
Hunter-Lab	76.704, 7.277, 29.958
Binary	11110101, 11000000, 10000110

#f5c086
```
#f5c086 rgb(245,192,134)
```
#86bbf5
```
#86bbf5 rgb(134,187,245)
```

Complementary Color

#f58986
```
#f58986 rgb(245,137,134)
```
#f5c086
```
#f5c086 rgb(245,192,134)
```
#f3f586
```
#f3f586 rgb(243,245,134)
```

Analogous Color

#8986f5
```
#8986f5 rgb(137,134,245)
```
#f5c086
```
#f5c086 rgb(245,192,134)
```
#86f3f5
```
#86f3f5 rgb(134,243,245)
```

Split Complementary Color

#c086f5
```
#c086f5 rgb(192,134,245)
```
#f5c086
```
#f5c086 rgb(245,192,134)
```
#86f5c0
```
#86f5c0 rgb(134,245,192)
```

Triadic Color

#f586bb
```
#f586bb rgb(245,134,187)
```
#f5c086
```
#f5c086 rgb(245,192,134)
```
#86f5c0
```
#86f5c0 rgb(134,245,192)
```
#86bbf5
```
#86bbf5 rgb(134,187,245)
```

Tetradic Color

#ef9b3f
```
#ef9b3f rgb(239,155,63)
```
#f1a757
```
#f1a757 rgb(241,167,87)
```
#f3b46e
```
#f3b46e rgb(243,180,110)
```
#f5c086
```
#f5c086 rgb(245,192,134)
```
#f7cc9e
```
#f7cc9e rgb(247,204,158)
```
#f9d9b5
```
#f9d9b5 rgb(249,217,181)
```
#fbe5cd
```
#fbe5cd rgb(251,229,205)
```

Monochromatic Color

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

#f5a486
```
#f5a486 rgb(245,164,134)
```
#f5ae86
```
#f5ae86 rgb(245,174,134)
```
#f5b786
```
#f5b786 rgb(245,183,134)
```
#f5c086
```
#f5c086 rgb(245,192,134)
```
#f5c986
```
#f5c986 rgb(245,201,134)
```
#f5d386
```
#f5d386 rgb(245,211,134)
```
#f5dc86
```
#f5dc86 rgb(245,220,134)
```

Similar Colors

Text with hexadecimal color #f5c086

This text has a font color of #f5c086.

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

#f5c086 background color

This paragraph has a background color of #f5c086.

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

#f5c086 border color

This element has a border color of #f5c086.

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

CSS codes

.text {color:#f5c086;}

.background {background-color:#f5c086;}

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

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

#060300
```
#060300 rgb(6,3,0)
```
#180d02
```
#180d02 rgb(24,13,2)
```
#2a1803
```
#2a1803 rgb(42,24,3)
```
#3c2205
```
#3c2205 rgb(60,34,5)
```
#4e2c06
```
#4e2c06 rgb(78,44,6)
```
#603608
```
#603608 rgb(96,54,8)
```
#734009
```
#734009 rgb(115,64,9)
```
#854b0b
```
#854b0b rgb(133,75,11)
```
#97550c
```
#97550c rgb(151,85,12)
```
#a95f0e
```
#a95f0e rgb(169,95,14)
```
#bb690f
```
#bb690f rgb(187,105,15)
```
#cd7311
```
#cd7311 rgb(205,115,17)
```
#df7d12
```
#df7d12 rgb(223,125,18)
```

Shade Color Variation

#ec8719
```
#ec8719 rgb(236,135,25)
```
#ee912b
```
#ee912b rgb(238,145,43)
```
#ef9a3e
```
#ef9a3e rgb(239,154,62)
```
#f1a450
```
#f1a450 rgb(241,164,80)
```
#f2ad62
```
#f2ad62 rgb(242,173,98)
```
#f4b774
```
#f4b774 rgb(244,183,116)
```
#f5c086
```
#f5c086 rgb(245,192,134)
```
#f6c998
```
#f6c998 rgb(246,201,152)
```
#f8d3aa
```
#f8d3aa rgb(248,211,170)
```
#f9dcbc
```
#f9dcbc rgb(249,220,188)
```
#fbe6ce
```
#fbe6ce rgb(251,230,206)
```
#fcefe1
```
#fcefe1 rgb(252,239,225)
```
#fef9f3
```
#fef9f3 rgb(254,249,243)
```

Tint Color Variation

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

#bebebd
```
#bebebd rgb(190,190,189)
```
#c3beb8
```
#c3beb8 rgb(195,190,184)
```
#c8beb3
```
#c8beb3 rgb(200,190,179)
```
#cdbeae
```
#cdbeae rgb(205,190,174)
```
#d2bea9
```
#d2bea9 rgb(210,190,169)
```
#d7bfa4
```
#d7bfa4 rgb(215,191,164)
```
#dcbf9f
```
#dcbf9f rgb(220,191,159)
```
#e1bf9a
```
#e1bf9a rgb(225,191,154)
```
#e6bf95
```
#e6bf95 rgb(230,191,149)
```
#ebc090
```
#ebc090 rgb(235,192,144)
```
#f0c08b
```
#f0c08b rgb(240,192,139)
```
#f5c086
```
#f5c086 rgb(245,192,134)
```
#fac081
```
#fac081 rgb(250,192,129)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#d2c7bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#dccc8f Protanopia 1% of men
#f3c48c Deuteranopia 1% of men
#fbbbc8 Tritanopia 0.001% of the population

Trichromacy

#e5c78c Protanomaly 1% of men, 0.01% of women
#f4c289 Deuteranomaly 6% of men, 0.4% of women
#f9bdb0 Tritanomaly 0.01% of the population

#f5c086 hex color

#f5c086 Color Information

#f5c086 Color Conversion

Color Schemes with #f5c086

Alternatives to #f5c086

#f5c086 Preview

Shades and Tints of #f5c086

Tones of #f5c086

Color Blindness Simulator