#f8a164 hex color

In a RGB color space, hex #f8a164 is composed of 97.3% red, 63.1% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.1% magenta, 59.7% yellow and 2.7% black. It has a hue angle of 24.7 degrees, a saturation of 91.4% and a lightness of 68.2%. #f8a164 color hex could be obtained by blending #ffffc8 with #f14300. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 97
- G 63
- B 39
RGB color chart
- C 0
- M 35
- Y 60
- K 3
CMYK color chart

● #f8a164 color description : Soft orange.

The hexadecimal color #f8a164 has RGB values of R:248, G:161, B:100 and CMYK values of C:0, M:0.35, Y:0.6, K:0.03. Its decimal value is 16294244.

Hex triplet	f8a164	`#f8a164`
RGB Decimal	248, 161, 100	`rgb(248,161,100)`
RGB Percent	97.3, 63.1, 39.2	`rgb(97.3%,63.1%,39.2%)`
CMYK	0, 35, 60, 3
HSL	24.7°, 91.4, 68.2	`hsl(24.7,91.4%,68.2%)`
HSV (or HSB)	24.7°, 59.7, 97.3
Web Safe	ff9966	`#ff9966`

CIE-LAB	73.785, 26.491, 44.681
XYZ	53.758, 46.37, 18.175
xyY	0.454, 0.392, 46.37
CIE-LCH	73.785, 51.944, 59.336
CIE-LUV	73.785, 66.825, 48.765
Hunter-Lab	68.095, 21.749, 31.842
Binary	11111000, 10100001, 01100100

#f8a164
```
#f8a164 rgb(248,161,100)
```
#64bbf8
```
#64bbf8 rgb(100,187,248)
```

Complementary Color

#f86471
```
#f86471 rgb(248,100,113)
```
#f8a164
```
#f8a164 rgb(248,161,100)
```
#f8eb64
```
#f8eb64 rgb(248,235,100)
```

Analogous Color

#6471f8
```
#6471f8 rgb(100,113,248)
```
#f8a164
```
#f8a164 rgb(248,161,100)
```
#64f8eb
```
#64f8eb rgb(100,248,235)
```

Split Complementary Color

#a164f8
```
#a164f8 rgb(161,100,248)
```
#f8a164
```
#f8a164 rgb(248,161,100)
```
#64f8a1
```
#64f8a1 rgb(100,248,161)
```

Triadic Color

#f864bb
```
#f864bb rgb(248,100,187)
```
#f8a164
```
#f8a164 rgb(248,161,100)
```
#64f8a1
```
#64f8a1 rgb(100,248,161)
```
#64bbf8
```
#64bbf8 rgb(100,187,248)
```

Tetradic Color

#f5751b
```
#f5751b rgb(245,117,27)
```
#f68333
```
#f68333 rgb(246,131,51)
```
#f7924c
```
#f7924c rgb(247,146,76)
```
#f8a164
```
#f8a164 rgb(248,161,100)
```
#f9b07c
```
#f9b07c rgb(249,176,124)
```
#fabf95
```
#fabf95 rgb(250,191,149)
```
#fbcdad
```
#fbcdad rgb(251,205,173)
```

Monochromatic Color

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

#f87c64
```
#f87c64 rgb(248,124,100)
```
#f88864
```
#f88864 rgb(248,136,100)
```
#f89564
```
#f89564 rgb(248,149,100)
```
#f8a164
```
#f8a164 rgb(248,161,100)
```
#f8ad64
```
#f8ad64 rgb(248,173,100)
```
#f8ba64
```
#f8ba64 rgb(248,186,100)
```
#f8c664
```
#f8c664 rgb(248,198,100)
```

Similar Colors

Text with hexadecimal color #f8a164

This text has a font color of #f8a164.

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

#f8a164 background color

This paragraph has a background color of #f8a164.

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

#f8a164 border color

This element has a border color of #f8a164.

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

CSS codes

.text {color:#f8a164;}

.background {background-color:#f8a164;}

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

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

#0e0601
```
#0e0601 rgb(14,6,1)
```
#210e01
```
#210e01 rgb(33,14,1)
```
#331702
```
#331702 rgb(51,23,2)
```
#461f03
```
#461f03 rgb(70,31,3)
```
#592704
```
#592704 rgb(89,39,4)
```
#6c2f05
```
#6c2f05 rgb(108,47,5)
```
#7f3806
```
#7f3806 rgb(127,56,6)
```
#914007
```
#914007 rgb(145,64,7)
```
#a44807
```
#a44807 rgb(164,72,7)
```
#b75008
```
#b75008 rgb(183,80,8)
```
#ca5809
```
#ca5809 rgb(202,88,9)
```
#dc610a
```
#dc610a rgb(220,97,10)
```
#ef690b
```
#ef690b rgb(239,105,11)
```

Shade Color Variation

#f57319
```
#f57319 rgb(245,115,25)
```
#f57f2c
```
#f57f2c rgb(245,127,44)
```
#f68a3e
```
#f68a3e rgb(246,138,62)
```
#f79651
```
#f79651 rgb(247,150,81)
```
#f8a164
```
#f8a164 rgb(248,161,100)
```
#f9ac77
```
#f9ac77 rgb(249,172,119)
```
#fab88a
```
#fab88a rgb(250,184,138)
```
#fbc39c
```
#fbc39c rgb(251,195,156)
```
#fbcfaf
```
#fbcfaf rgb(251,207,175)
```
#fcdac2
```
#fcdac2 rgb(252,218,194)
```
#fde5d5
```
#fde5d5 rgb(253,229,213)
```
#fef1e7
```
#fef1e7 rgb(254,241,231)
```
#fffcfa
```
#fffcfa rgb(255,252,250)
```

Tint Color Variation

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

#b3ada9
```
#b3ada9 rgb(179,173,169)
```
#baaca2
```
#baaca2 rgb(186,172,162)
```
#c0ab9c
```
#c0ab9c rgb(192,171,156)
```
#c6aa96
```
#c6aa96 rgb(198,170,150)
```
#cca990
```
#cca990 rgb(204,169,144)
```
#d3a889
```
#d3a889 rgb(211,168,137)
```
#d9a683
```
#d9a683 rgb(217,166,131)
```
#dfa57d
```
#dfa57d rgb(223,165,125)
```
#e5a477
```
#e5a477 rgb(229,164,119)
```
#eca370
```
#eca370 rgb(236,163,112)
```
#f2a26a
```
#f2a26a rgb(242,162,106)
```
#f8a164
```
#f8a164 rgb(248,161,100)
```
#fea05e
```
#fea05e rgb(254,160,94)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#c2b0a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b972 Protanopia 1% of men
#e0b168 Deuteranopia 1% of men
#fd9ea9 Tritanopia 0.001% of the population

Trichromacy

#dab06d Protanomaly 1% of men, 0.01% of women
#e9ab67 Deuteranomaly 6% of men, 0.4% of women
#fb9f8f Tritanomaly 0.01% of the population

#f8a164 hex color

#f8a164 Color Information

#f8a164 Color Conversion

Color Schemes with #f8a164

Alternatives to #f8a164

#f8a164 Preview

Shades and Tints of #f8a164

Tones of #f8a164

Color Blindness Simulator