#f5c85f hex color

In a RGB color space, hex #f5c85f is composed of 96.1% red, 78.4% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.4% magenta, 61.2% yellow and 3.9% black. It has a hue angle of 42 degrees, a saturation of 88.2% and a lightness of 66.7%. #f5c85f color hex could be obtained by blending #ffffbe with #eb9100. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 96
- G 78
- B 37
RGB color chart
- C 0
- M 18
- Y 61
- K 4
CMYK color chart

● #f5c85f color description : Soft orange.

The hexadecimal color #f5c85f has RGB values of R:245, G:200, B:95 and CMYK values of C:0, M:0.18, Y:0.61, K:0.04. Its decimal value is 16107615.

Hex triplet	f5c85f	`#f5c85f`
RGB Decimal	245, 200, 95	`rgb(245,200,95)`
RGB Percent	96.1, 78.4, 37.3	`rgb(96.1%,78.4%,37.3%)`
CMYK	0, 18, 61, 4
HSL	42°, 88.2, 66.7	`hsl(42,88.2%,66.7%)`
HSV (or HSB)	42°, 61.2, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	82.673, 4.497, 57.342
XYZ	60.377, 61.55, 19.526
xyY	0.427, 0.435, 61.55
CIE-LCH	82.673, 57.519, 85.516
CIE-LUV	82.673, 36.421, 67.904
Hunter-Lab	78.454, 0.077, 40.161
Binary	11110101, 11001000, 01011111

#f5c85f
```
#f5c85f rgb(245,200,95)
```
#5f8cf5
```
#5f8cf5 rgb(95,140,245)
```

Complementary Color

#f57d5f
```
#f57d5f rgb(245,125,95)
```
#f5c85f
```
#f5c85f rgb(245,200,95)
```
#d7f55f
```
#d7f55f rgb(215,245,95)
```

Analogous Color

#7d5ff5
```
#7d5ff5 rgb(125,95,245)
```
#f5c85f
```
#f5c85f rgb(245,200,95)
```
#5fd7f5
```
#5fd7f5 rgb(95,215,245)
```

Split Complementary Color

#c85ff5
```
#c85ff5 rgb(200,95,245)
```
#f5c85f
```
#f5c85f rgb(245,200,95)
```
#5ff5c8
```
#5ff5c8 rgb(95,245,200)
```

Triadic Color

#f55f8c
```
#f55f8c rgb(245,95,140)
```
#f5c85f
```
#f5c85f rgb(245,200,95)
```
#5ff5c8
```
#5ff5c8 rgb(95,245,200)
```
#5f8cf5
```
#5f8cf5 rgb(95,140,245)
```

Tetradic Color

#f1af17
```
#f1af17 rgb(241,175,23)
```
#f2b82f
```
#f2b82f rgb(242,184,47)
```
#f4c047
```
#f4c047 rgb(244,192,71)
```
#f5c85f
```
#f5c85f rgb(245,200,95)
```
#f7d077
```
#f7d077 rgb(247,208,119)
```
#f8d98f
```
#f8d98f rgb(248,217,143)
```
#fae1a7
```
#fae1a7 rgb(250,225,167)
```

Monochromatic Color

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

#f5a35f
```
#f5a35f rgb(245,163,95)
```
#f5af5f
```
#f5af5f rgb(245,175,95)
```
#f5bc5f
```
#f5bc5f rgb(245,188,95)
```
#f5c85f
```
#f5c85f rgb(245,200,95)
```
#f5d55f
```
#f5d55f rgb(245,213,95)
```
#f5e15f
```
#f5e15f rgb(245,225,95)
```
#f5ee5f
```
#f5ee5f rgb(245,238,95)
```

Similar Colors

Text with hexadecimal color #f5c85f

This text has a font color of #f5c85f.

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

#f5c85f background color

This paragraph has a background color of #f5c85f.

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

#f5c85f border color

This element has a border color of #f5c85f.

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

CSS codes

.text {color:#f5c85f;}

.background {background-color:#f5c85f;}

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

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

#060400
```
#060400 rgb(6,4,0)
```
#191202
```
#191202 rgb(25,18,2)
```
#2b1f03
```
#2b1f03 rgb(43,31,3)
```
#3e2c04
```
#3e2c04 rgb(62,44,4)
```
#503a05
```
#503a05 rgb(80,58,5)
```
#624706
```
#624706 rgb(98,71,6)
```
#755407
```
#755407 rgb(117,84,7)
```
#876108
```
#876108 rgb(135,97,8)
```
#9a6f0a
```
#9a6f0a rgb(154,111,10)
```
#ac7c0b
```
#ac7c0b rgb(172,124,11)
```
#bf890c
```
#bf890c rgb(191,137,12)
```
#d1960d
```
#d1960d rgb(209,150,13)
```
#e4a40e
```
#e4a40e rgb(228,164,14)
```

Shade Color Variation

#f0af15
```
#f0af15 rgb(240,175,21)
```
#f2b528
```
#f2b528 rgb(242,181,40)
```
#f3bb3a
```
#f3bb3a rgb(243,187,58)
```
#f4c24d
```
#f4c24d rgb(244,194,77)
```
#f5c85f
```
#f5c85f rgb(245,200,95)
```
#f6ce71
```
#f6ce71 rgb(246,206,113)
```
#f7d584
```
#f7d584 rgb(247,213,132)
```
#f8db96
```
#f8db96 rgb(248,219,150)
```
#fae1a9
```
#fae1a9 rgb(250,225,169)
```
#fbe8bb
```
#fbe8bb rgb(251,232,187)
```
#fceece
```
#fceece rgb(252,238,206)
```
#fdf4e0
```
#fdf4e0 rgb(253,244,224)
```
#fefbf3
```
#fefbf3 rgb(254,251,243)
```

Tint Color Variation

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

#adaba7
```
#adaba7 rgb(173,171,167)
```
#b4aea0
```
#b4aea0 rgb(180,174,160)
```
#bab09a
```
#bab09a rgb(186,176,154)
```
#c1b393
```
#c1b393 rgb(193,179,147)
```
#c7b68d
```
#c7b68d rgb(199,182,141)
```
#ceb886
```
#ceb886 rgb(206,184,134)
```
#d4bb80
```
#d4bb80 rgb(212,187,128)
```
#dbbe79
```
#dbbe79 rgb(219,190,121)
```
#e1c073
```
#e1c073 rgb(225,192,115)
```
#e8c36c
```
#e8c36c rgb(232,195,108)
```
#eec566
```
#eec566 rgb(238,197,102)
```
#f5c85f
```
#f5c85f rgb(245,200,95)
```
#fccb58
```
#fccb58 rgb(252,203,88)
```

Tone Color Variation

Below, you can see how #f5c85f 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
#d2c9b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5d069 Protanopia 1% of men
#fec768 Deuteranopia 1% of men
#febfcd Tritanopia 0.001% of the population

Trichromacy

#ebcd65 Protanomaly 1% of men, 0.01% of women
#fbc765 Deuteranomaly 6% of men, 0.4% of women
#fbc2a5 Tritanomaly 0.01% of the population

#f5c85f hex color

#f5c85f Color Information

#f5c85f Color Conversion

Color Schemes with #f5c85f

Alternatives to #f5c85f

#f5c85f Preview

Shades and Tints of #f5c85f

Tones of #f5c85f

Color Blindness Simulator