#f5c97f hex color

In a RGB color space, hex #f5c97f is composed of 96.1% red, 78.8% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18% magenta, 48.2% yellow and 3.9% black. It has a hue angle of 37.6 degrees, a saturation of 85.5% and a lightness of 72.9%. #f5c97f color hex could be obtained by blending #fffffe with #eb9300. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 96
- G 79
- B 50
RGB color chart
- C 0
- M 18
- Y 48
- K 4
CMYK color chart

● #f5c97f color description : Soft orange.

The hexadecimal color #f5c97f has RGB values of R:245, G:201, B:127 and CMYK values of C:0, M:0.18, Y:0.48, K:0.04. Its decimal value is 16107903.

Hex triplet	f5c97f	`#f5c97f`
RGB Decimal	245, 201, 127	`rgb(245,201,127)`
RGB Percent	96.1, 78.8, 49.8	`rgb(96.1%,78.8%,49.8%)`
CMYK	0, 18, 48, 4
HSL	37.6°, 85.5, 72.9	`hsl(37.6,85.5%,72.9%)`
HSV (or HSB)	37.6°, 48.2, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	83.295, 6.506, 42.669
XYZ	62.374, 62.72, 28.898
xyY	0.405, 0.407, 62.72
CIE-LCH	83.295, 43.162, 81.331
CIE-LUV	83.295, 33.656, 53.706
Hunter-Lab	79.196, 1.991, 33.803
Binary	11110101, 11001001, 01111111

#f5c97f
```
#f5c97f rgb(245,201,127)
```
#7fabf5
```
#7fabf5 rgb(127,171,245)
```

Complementary Color

#f58e7f
```
#f58e7f rgb(245,142,127)
```
#f5c97f
```
#f5c97f rgb(245,201,127)
```
#e6f57f
```
#e6f57f rgb(230,245,127)
```

Analogous Color

#8e7ff5
```
#8e7ff5 rgb(142,127,245)
```
#f5c97f
```
#f5c97f rgb(245,201,127)
```
#7fe6f5
```
#7fe6f5 rgb(127,230,245)
```

Split Complementary Color

#c97ff5
```
#c97ff5 rgb(201,127,245)
```
#f5c97f
```
#f5c97f rgb(245,201,127)
```
#7ff5c9
```
#7ff5c9 rgb(127,245,201)
```

Triadic Color

#f57fab
```
#f57fab rgb(245,127,171)
```
#f5c97f
```
#f5c97f rgb(245,201,127)
```
#7ff5c9
```
#7ff5c9 rgb(127,245,201)
```
#7fabf5
```
#7fabf5 rgb(127,171,245)
```

Tetradic Color

#efab38
```
#efab38 rgb(239,171,56)
```
#f1b550
```
#f1b550 rgb(241,181,80)
```
#f3bf67
```
#f3bf67 rgb(243,191,103)
```
#f5c97f
```
#f5c97f rgb(245,201,127)
```
#f7d397
```
#f7d397 rgb(247,211,151)
```
#f9ddae
```
#f9ddae rgb(249,221,174)
```
#fbe7c6
```
#fbe7c6 rgb(251,231,198)
```

Monochromatic Color

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

#f5ac7f
```
#f5ac7f rgb(245,172,127)
```
#f5b57f
```
#f5b57f rgb(245,181,127)
```
#f5bf7f
```
#f5bf7f rgb(245,191,127)
```
#f5c97f
```
#f5c97f rgb(245,201,127)
```
#f5d37f
```
#f5d37f rgb(245,211,127)
```
#f5dd7f
```
#f5dd7f rgb(245,221,127)
```
#f5e77f
```
#f5e77f rgb(245,231,127)
```

Similar Colors

Text with hexadecimal color #f5c97f

This text has a font color of #f5c97f.

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

#f5c97f background color

This paragraph has a background color of #f5c97f.

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

#f5c97f border color

This element has a border color of #f5c97f.

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

CSS codes

.text {color:#f5c97f;}

.background {background-color:#f5c97f;}

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

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, #120c01 is the darkest color, while #fffffe is the lightest one.

#120c01
```
#120c01 rgb(18,12,1)
```
#241703
```
#241703 rgb(36,23,3)
```
#362304
```
#362304 rgb(54,35,4)
```
#482f06
```
#482f06 rgb(72,47,6)
```
#5a3b07
```
#5a3b07 rgb(90,59,7)
```
#6d4708
```
#6d4708 rgb(109,71,8)
```
#7f530a
```
#7f530a rgb(127,83,10)
```
#915f0b
```
#915f0b rgb(145,95,11)
```
#a36b0d
```
#a36b0d rgb(163,107,13)
```
#b5770e
```
#b5770e rgb(181,119,14)
```
#c78310
```
#c78310 rgb(199,131,16)
```
#da8f11
```
#da8f11 rgb(218,143,17)
```
#ec9b12
```
#ec9b12 rgb(236,155,18)
```

Shade Color Variation

#eea324
```
#eea324 rgb(238,163,36)
```
#efaa36
```
#efaa36 rgb(239,170,54)
```
#f1b248
```
#f1b248 rgb(241,178,72)
```
#f2ba5b
```
#f2ba5b rgb(242,186,91)
```
#f4c16d
```
#f4c16d rgb(244,193,109)
```
#f5c97f
```
#f5c97f rgb(245,201,127)
```
#f6d191
```
#f6d191 rgb(246,209,145)
```
#f8d8a3
```
#f8d8a3 rgb(248,216,163)
```
#f9e0b6
```
#f9e0b6 rgb(249,224,182)
```
#fbe8c8
```
#fbe8c8 rgb(251,232,200)
```
#fcefda
```
#fcefda rgb(252,239,218)
```
#fef7ec
```
#fef7ec rgb(254,247,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#bbbab9
```
#bbbab9 rgb(187,186,185)
```
#c0bcb4
```
#c0bcb4 rgb(192,188,180)
```
#c5bdaf
```
#c5bdaf rgb(197,189,175)
```
#cbbea9
```
#cbbea9 rgb(203,190,169)
```
#d0c0a4
```
#d0c0a4 rgb(208,192,164)
```
#d5c19f
```
#d5c19f rgb(213,193,159)
```
#dac29a
```
#dac29a rgb(218,194,154)
```
#e0c494
```
#e0c494 rgb(224,196,148)
```
#e5c58f
```
#e5c58f rgb(229,197,143)
```
#eac68a
```
#eac68a rgb(234,198,138)
```
#f0c884
```
#f0c884 rgb(240,200,132)
```
#f5c97f
```
#f5c97f rgb(245,201,127)
```
#faca7a
```
#faca7a rgb(250,202,122)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#d6cdbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4d187 Protanopia 1% of men
#fcc986 Deuteranopia 1% of men
#fdc2d0 Tritanopia 0.001% of the population

Trichromacy

#eace84 Protanomaly 1% of men, 0.01% of women
#f9c983 Deuteranomaly 6% of men, 0.4% of women
#fac4b2 Tritanomaly 0.01% of the population

#f5c97f hex color

#f5c97f Color Information

#f5c97f Color Conversion

Color Schemes with #f5c97f

Alternatives to #f5c97f

#f5c97f Preview

Shades and Tints of #f5c97f

Tones of #f5c97f

Color Blindness Simulator