#f5c874 hex color

In a RGB color space, hex #f5c874 is composed of 96.1% red, 78.4% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.4% magenta, 52.7% yellow and 3.9% black. It has a hue angle of 39.1 degrees, a saturation of 86.6% and a lightness of 70.8%. #f5c874 color hex could be obtained by blending #ffffe8 with #eb9100. Closest websafe color is: #ffcc66.

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

● #f5c874 color description : Soft orange.

The hexadecimal color #f5c874 has RGB values of R:245, G:200, B:116 and CMYK values of C:0, M:0.18, Y:0.53, K:0.04. Its decimal value is 16107636.

Hex triplet	f5c874	`#f5c874`
RGB Decimal	245, 200, 116	`rgb(245,200,116)`
RGB Percent	96.1, 78.4, 45.5	`rgb(96.1%,78.4%,45.5%)`
CMYK	0, 18, 53, 4
HSL	39.1°, 86.6, 70.8	`hsl(39.1,86.6%,70.8%)`
HSV (or HSB)	39.1°, 52.7, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	82.905, 6.061, 47.653
XYZ	61.463, 61.984, 25.249
xyY	0.413, 0.417, 61.984
CIE-LCH	82.905, 48.037, 82.751
CIE-LUV	82.905, 35.114, 58.744
Hunter-Lab	78.73, 1.574, 36.097
Binary	11110101, 11001000, 01110100

#f5c874
```
#f5c874 rgb(245,200,116)
```
#74a1f5
```
#74a1f5 rgb(116,161,245)
```

Complementary Color

#f58874
```
#f58874 rgb(245,136,116)
```
#f5c874
```
#f5c874 rgb(245,200,116)
```
#e2f574
```
#e2f574 rgb(226,245,116)
```

Analogous Color

#8874f5
```
#8874f5 rgb(136,116,245)
```
#f5c874
```
#f5c874 rgb(245,200,116)
```
#74e2f5
```
#74e2f5 rgb(116,226,245)
```

Split Complementary Color

#c874f5
```
#c874f5 rgb(200,116,245)
```
#f5c874
```
#f5c874 rgb(245,200,116)
```
#74f5c8
```
#74f5c8 rgb(116,245,200)
```

Triadic Color

#f574a1
```
#f574a1 rgb(245,116,161)
```
#f5c874
```
#f5c874 rgb(245,200,116)
```
#74f5c8
```
#74f5c8 rgb(116,245,200)
```
#74a1f5
```
#74a1f5 rgb(116,161,245)
```

Tetradic Color

#f0ac2d
```
#f0ac2d rgb(240,172,45)
```
#f2b544
```
#f2b544 rgb(242,181,68)
```
#f3bf5c
```
#f3bf5c rgb(243,191,92)
```
#f5c874
```
#f5c874 rgb(245,200,116)
```
#f7d18c
```
#f7d18c rgb(247,209,140)
```
#f8dba4
```
#f8dba4 rgb(248,219,164)
```
#fae4bb
```
#fae4bb rgb(250,228,187)
```

Monochromatic Color

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

#f5a874
```
#f5a874 rgb(245,168,116)
```
#f5b374
```
#f5b374 rgb(245,179,116)
```
#f5bd74
```
#f5bd74 rgb(245,189,116)
```
#f5c874
```
#f5c874 rgb(245,200,116)
```
#f5d374
```
#f5d374 rgb(245,211,116)
```
#f5de74
```
#f5de74 rgb(245,222,116)
```
#f5e874
```
#f5e874 rgb(245,232,116)
```

Similar Colors

Text with hexadecimal color #f5c874

This text has a font color of #f5c874.

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

#f5c874 background color

This paragraph has a background color of #f5c874.

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

#f5c874 border color

This element has a border color of #f5c874.

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

CSS codes

.text {color:#f5c874;}

.background {background-color:#f5c874;}

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

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

#070501
```
#070501 rgb(7,5,1)
```
#1a1102
```
#1a1102 rgb(26,17,2)
```
#2c1e03
```
#2c1e03 rgb(44,30,3)
```
#3e2a04
```
#3e2a04 rgb(62,42,4)
```
#513606
```
#513606 rgb(81,54,6)
```
#634307
```
#634307 rgb(99,67,7)
```
#754f08
```
#754f08 rgb(117,79,8)
```
#875c0a
```
#875c0a rgb(135,92,10)
```
#9a680b
```
#9a680b rgb(154,104,11)
```
#ac740c
```
#ac740c rgb(172,116,12)
```
#be810e
```
#be810e rgb(190,129,14)
```
#d18d0f
```
#d18d0f rgb(209,141,15)
```
#e39910
```
#e39910 rgb(227,153,16)
```

Shade Color Variation

#eea419
```
#eea419 rgb(238,164,25)
```
#f0ab2b
```
#f0ab2b rgb(240,171,43)
```
#f1b23d
```
#f1b23d rgb(241,178,61)
```
#f2ba4f
```
#f2ba4f rgb(242,186,79)
```
#f4c162
```
#f4c162 rgb(244,193,98)
```
#f5c874
```
#f5c874 rgb(245,200,116)
```
#f6cf86
```
#f6cf86 rgb(246,207,134)
```
#f8d699
```
#f8d699 rgb(248,214,153)
```
#f9deab
```
#f9deab rgb(249,222,171)
```
#fae5bd
```
#fae5bd rgb(250,229,189)
```
#fceccf
```
#fceccf rgb(252,236,207)
```
#fdf3e2
```
#fdf3e2 rgb(253,243,226)
```
#fefbf4
```
#fefbf4 rgb(254,251,244)
```

Tint Color Variation

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

#b6b5b3
```
#b6b5b3 rgb(182,181,179)
```
#bcb7ad
```
#bcb7ad rgb(188,183,173)
```
#c1b8a8
```
#c1b8a8 rgb(193,184,168)
```
#c7baa2
```
#c7baa2 rgb(199,186,162)
```
#cdbc9c
```
#cdbc9c rgb(205,188,156)
```
#d3be96
```
#d3be96 rgb(211,190,150)
```
#d8bf91
```
#d8bf91 rgb(216,191,145)
```
#dec18b
```
#dec18b rgb(222,193,139)
```
#e4c385
```
#e4c385 rgb(228,195,133)
```
#eac57f
```
#eac57f rgb(234,197,127)
```
#efc67a
```
#efc67a rgb(239,198,122)
```
#f5c874
```
#f5c874 rgb(245,200,116)
```
#fbca6e
```
#fbca6e rgb(251,202,110)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#d4cbba Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4d07d Protanopia 1% of men
#fcc77c Deuteranopia 1% of men
#fdc0ce Tritanopia 0.001% of the population

Trichromacy

#eacd79 Protanomaly 1% of men, 0.01% of women
#f9c779 Deuteranomaly 6% of men, 0.4% of women
#fac3ad Tritanomaly 0.01% of the population

#f5c874 hex color

#f5c874 Color Information

#f5c874 Color Conversion

Color Schemes with #f5c874

Alternatives to #f5c874

#f5c874 Preview

Shades and Tints of #f5c874

Tones of #f5c874

Color Blindness Simulator