#f5c164 hex color

In a RGB color space, hex #f5c164 is composed of 96.1% red, 75.7% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.2% magenta, 59.2% yellow and 3.9% black. It has a hue angle of 38.5 degrees, a saturation of 87.9% and a lightness of 67.6%. #f5c164 color hex could be obtained by blending #ffffc8 with #eb8300. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 96
- G 76
- B 39
RGB color chart
- C 0
- M 21
- Y 59
- K 4
CMYK color chart

● #f5c164 color description : Soft orange.

The hexadecimal color #f5c164 has RGB values of R:245, G:193, B:100 and CMYK values of C:0, M:0.21, Y:0.59, K:0.04. Its decimal value is 16105828.

Hex triplet	f5c164	`#f5c164`
RGB Decimal	245, 193, 100	`rgb(245,193,100)`
RGB Percent	96.1, 75.7, 39.2	`rgb(96.1%,75.7%,39.2%)`
CMYK	0, 21, 59, 4
HSL	38.5°, 87.9, 67.6	`hsl(38.5,87.9%,67.6%)`
HSV (or HSB)	38.5°, 59.2, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	81.002, 8.474, 53.115
XYZ	59.027, 58.475, 20.234
xyY	0.429, 0.425, 58.475
CIE-LCH	81.002, 53.786, 80.936
CIE-LUV	81.002, 41.082, 62.761
Hunter-Lab	76.469, 3.965, 37.84
Binary	11110101, 11000001, 01100100

#f5c164
```
#f5c164 rgb(245,193,100)
```
#6498f5
```
#6498f5 rgb(100,152,245)
```

Complementary Color

#f57964
```
#f57964 rgb(245,121,100)
```
#f5c164
```
#f5c164 rgb(245,193,100)
```
#e1f564
```
#e1f564 rgb(225,245,100)
```

Analogous Color

#7964f5
```
#7964f5 rgb(121,100,245)
```
#f5c164
```
#f5c164 rgb(245,193,100)
```
#64e1f5
```
#64e1f5 rgb(100,225,245)
```

Split Complementary Color

#c164f5
```
#c164f5 rgb(193,100,245)
```
#f5c164
```
#f5c164 rgb(245,193,100)
```
#64f5c1
```
#64f5c1 rgb(100,245,193)
```

Triadic Color

#f56498
```
#f56498 rgb(245,100,152)
```
#f5c164
```
#f5c164 rgb(245,193,100)
```
#64f5c1
```
#64f5c1 rgb(100,245,193)
```
#6498f5
```
#6498f5 rgb(100,152,245)
```

Tetradic Color

#f0a41c
```
#f0a41c rgb(240,164,28)
```
#f2ae34
```
#f2ae34 rgb(242,174,52)
```
#f3b74c
```
#f3b74c rgb(243,183,76)
```
#f5c164
```
#f5c164 rgb(245,193,100)
```
#f7cb7c
```
#f7cb7c rgb(247,203,124)
```
#f8d494
```
#f8d494 rgb(248,212,148)
```
#fadeac
```
#fadeac rgb(250,222,172)
```

Monochromatic Color

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

#f59d64
```
#f59d64 rgb(245,157,100)
```
#f5a964
```
#f5a964 rgb(245,169,100)
```
#f5b564
```
#f5b564 rgb(245,181,100)
```
#f5c164
```
#f5c164 rgb(245,193,100)
```
#f5cd64
```
#f5cd64 rgb(245,205,100)
```
#f5d964
```
#f5d964 rgb(245,217,100)
```
#f5e564
```
#f5e564 rgb(245,229,100)
```

Similar Colors

Text with hexadecimal color #f5c164

This text has a font color of #f5c164.

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

#f5c164 background color

This paragraph has a background color of #f5c164.

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

#f5c164 border color

This element has a border color of #f5c164.

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

CSS codes

.text {color:#f5c164;}

.background {background-color:#f5c164;}

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

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, #0b0701 is the darkest color, while #fffcf7 is the lightest one.

#0b0701
```
#0b0701 rgb(11,7,1)
```
#1d1302
```
#1d1302 rgb(29,19,2)
```
#302003
```
#302003 rgb(48,32,3)
```
#422c04
```
#422c04 rgb(66,44,4)
```
#553805
```
#553805 rgb(85,56,5)
```
#674407
```
#674407 rgb(103,68,7)
```
#795108
```
#795108 rgb(121,81,8)
```
#8c5d09
```
#8c5d09 rgb(140,93,9)
```
#9e690a
```
#9e690a rgb(158,105,10)
```
#b1750b
```
#b1750b rgb(177,117,11)
```
#c3820d
```
#c3820d rgb(195,130,13)
```
#d68e0e
```
#d68e0e rgb(214,142,14)
```
#e89a0f
```
#e89a0f rgb(232,154,15)
```

Shade Color Variation

#f0a41a
```
#f0a41a rgb(240,164,26)
```
#f1ab2d
```
#f1ab2d rgb(241,171,45)
```
#f3b23f
```
#f3b23f rgb(243,178,63)
```
#f4ba52
```
#f4ba52 rgb(244,186,82)
```
#f5c164
```
#f5c164 rgb(245,193,100)
```
#f6c876
```
#f6c876 rgb(246,200,118)
```
#f7d089
```
#f7d089 rgb(247,208,137)
```
#f9d79b
```
#f9d79b rgb(249,215,155)
```
#fadeae
```
#fadeae rgb(250,222,174)
```
#fbe6c0
```
#fbe6c0 rgb(251,230,192)
```
#fcedd3
```
#fcedd3 rgb(252,237,211)
```
#fdf5e5
```
#fdf5e5 rgb(253,245,229)
```
#fffcf7
```
#fffcf7 rgb(255,252,247)
```

Tint Color Variation

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

#afadaa
```
#afadaa rgb(175,173,170)
```
#b6afa3
```
#b6afa3 rgb(182,175,163)
```
#bcb19d
```
#bcb19d rgb(188,177,157)
```
#c2b397
```
#c2b397 rgb(194,179,151)
```
#c9b490
```
#c9b490 rgb(201,180,144)
```
#cfb68a
```
#cfb68a rgb(207,182,138)
```
#d5b884
```
#d5b884 rgb(213,184,132)
```
#dcba7d
```
#dcba7d rgb(220,186,125)
```
#e2bc77
```
#e2bc77 rgb(226,188,119)
```
#e8bd71
```
#e8bd71 rgb(232,189,113)
```
#efbf6a
```
#efbf6a rgb(239,191,106)
```
#f5c164
```
#f5c164 rgb(245,193,100)
```
#fbc35e
```
#fbc35e rgb(251,195,94)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#cfc5b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0cc6e Protanopia 1% of men
#f8c26c Deuteranopia 1% of men
#fdb9c6 Tritanopia 0.001% of the population

Trichromacy

#e7c86a Protanomaly 1% of men, 0.01% of women
#f7c269 Deuteranomaly 6% of men, 0.4% of women
#fabca2 Tritanomaly 0.01% of the population

#f5c164 hex color

#f5c164 Color Information

#f5c164 Color Conversion

Color Schemes with #f5c164

Alternatives to #f5c164

#f5c164 Preview

Shades and Tints of #f5c164

Tones of #f5c164

Color Blindness Simulator