#f0a164 hex color

In a RGB color space, hex #f0a164 is composed of 94.1% red, 63.1% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.9% magenta, 58.3% yellow and 5.9% black. It has a hue angle of 26.1 degrees, a saturation of 82.4% and a lightness of 66.7%. #f0a164 color hex could be obtained by blending #ffffc8 with #e14300. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 94
- G 63
- B 39
RGB color chart
- C 0
- M 33
- Y 58
- K 6
CMYK color chart

● #f0a164 color description : Soft orange.

The hexadecimal color #f0a164 has RGB values of R:240, G:161, B:100 and CMYK values of C:0, M:0.33, Y:0.58, K:0.06. Its decimal value is 15769956.

Hex triplet	f0a164	`#f0a164`
RGB Decimal	240, 161, 100	`rgb(240,161,100)`
RGB Percent	94.1, 63.1, 39.2	`rgb(94.1%,63.1%,39.2%)`
CMYK	0, 33, 58, 6
HSL	26.1°, 82.4, 66.7	`hsl(26.1,82.4%,66.7%)`
HSV (or HSB)	26.1°, 58.3, 94.1
Web Safe	ff9966	`#ff9966`

CIE-LAB	72.851, 23.271, 43.335
XYZ	50.981, 44.938, 18.045
xyY	0.447, 0.394, 44.938
CIE-LCH	72.851, 49.188, 61.764
CIE-LUV	72.851, 60.493, 48.037
Hunter-Lab	67.036, 18.437, 30.965
Binary	11110000, 10100001, 01100100

#f0a164
```
#f0a164 rgb(240,161,100)
```
#64b3f0
```
#64b3f0 rgb(100,179,240)
```

Complementary Color

#f0646d
```
#f0646d rgb(240,100,109)
```
#f0a164
```
#f0a164 rgb(240,161,100)
```
#f0e764
```
#f0e764 rgb(240,231,100)
```

Analogous Color

#646df0
```
#646df0 rgb(100,109,240)
```
#f0a164
```
#f0a164 rgb(240,161,100)
```
#64f0e7
```
#64f0e7 rgb(100,240,231)
```

Split Complementary Color

#a164f0
```
#a164f0 rgb(161,100,240)
```
#f0a164
```
#f0a164 rgb(240,161,100)
```
#64f0a1
```
#64f0a1 rgb(100,240,161)
```

Triadic Color

#f064b3
```
#f064b3 rgb(240,100,179)
```
#f0a164
```
#f0a164 rgb(240,161,100)
```
#64f0a1
```
#64f0a1 rgb(100,240,161)
```
#64b3f0
```
#64b3f0 rgb(100,179,240)
```

Tetradic Color

#e9771e
```
#e9771e rgb(233,119,30)
```
#ec8535
```
#ec8535 rgb(236,133,53)
```
#ee934d
```
#ee934d rgb(238,147,77)
```
#f0a164
```
#f0a164 rgb(240,161,100)
```
#f2af7b
```
#f2af7b rgb(242,175,123)
```
#f5bd93
```
#f5bd93 rgb(245,189,147)
```
#f7cbaa
```
#f7cbaa rgb(247,203,170)
```

Monochromatic Color

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

#f07e64
```
#f07e64 rgb(240,126,100)
```
#f08a64
```
#f08a64 rgb(240,138,100)
```
#f09564
```
#f09564 rgb(240,149,100)
```
#f0a164
```
#f0a164 rgb(240,161,100)
```
#f0ad64
```
#f0ad64 rgb(240,173,100)
```
#f0b864
```
#f0b864 rgb(240,184,100)
```
#f0c464
```
#f0c464 rgb(240,196,100)
```

Similar Colors

Text with hexadecimal color #f0a164

This text has a font color of #f0a164.

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

#f0a164 background color

This paragraph has a background color of #f0a164.

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

#f0a164 border color

This element has a border color of #f0a164.

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

CSS codes

.text {color:#f0a164;}

.background {background-color:#f0a164;}

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

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

#060301
```
#060301 rgb(6,3,1)
```
#180c02
```
#180c02 rgb(24,12,2)
```
#2a1404
```
#2a1404 rgb(42,20,4)
```
#3c1d06
```
#3c1d06 rgb(60,29,6)
```
#4d2607
```
#4d2607 rgb(77,38,7)
```
#5f2f09
```
#5f2f09 rgb(95,47,9)
```
#71380b
```
#71380b rgb(113,56,11)
```
#83400d
```
#83400d rgb(131,64,13)
```
#95490e
```
#95490e rgb(149,73,14)
```
#a75210
```
#a75210 rgb(167,82,16)
```
#b95b12
```
#b95b12 rgb(185,91,18)
```
#cb6314
```
#cb6314 rgb(203,99,20)
```
#dd6c15
```
#dd6c15 rgb(221,108,21)
```

Shade Color Variation

#e9761c
```
#e9761c rgb(233,118,28)
```
#eb802e
```
#eb802e rgb(235,128,46)
```
#ed8b40
```
#ed8b40 rgb(237,139,64)
```
#ee9652
```
#ee9652 rgb(238,150,82)
```
#f0a164
```
#f0a164 rgb(240,161,100)
```
#f2ac76
```
#f2ac76 rgb(242,172,118)
```
#f3b788
```
#f3b788 rgb(243,183,136)
```
#f5c29a
```
#f5c29a rgb(245,194,154)
```
#f7ccac
```
#f7ccac rgb(247,204,172)
```
#f9d7bd
```
#f9d7bd rgb(249,215,189)
```
#fae2cf
```
#fae2cf rgb(250,226,207)
```
#fcede1
```
#fcede1 rgb(252,237,225)
```
#fef8f3
```
#fef8f3 rgb(254,248,243)
```

Tint Color Variation

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

#afa9a5
```
#afa9a5 rgb(175,169,165)
```
#b5a99f
```
#b5a99f rgb(181,169,159)
```
#bca898
```
#bca898 rgb(188,168,152)
```
#c2a792
```
#c2a792 rgb(194,167,146)
```
#c9a68b
```
#c9a68b rgb(201,166,139)
```
#cfa585
```
#cfa585 rgb(207,165,133)
```
#d6a47e
```
#d6a47e rgb(214,164,126)
```
#dca478
```
#dca478 rgb(220,164,120)
```
#e3a371
```
#e3a371 rgb(227,163,113)
```
#e9a26b
```
#e9a26b rgb(233,162,107)
```
#f0a164
```
#f0a164 rgb(240,161,100)
```
#f7a05d
```
#f7a05d rgb(247,160,93)
```
#fd9f57
```
#fd9f57 rgb(253,159,87)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#beafa2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b671 Protanopia 1% of men
#ddae69 Deuteranopia 1% of men
#f59ea9 Tritanopia 0.001% of the population

Trichromacy

#d6ae6c Protanomaly 1% of men, 0.01% of women
#e4a967 Deuteranomaly 6% of men, 0.4% of women
#f39f8f Tritanomaly 0.01% of the population

#f0a164 hex color

#f0a164 Color Information

#f0a164 Color Conversion

Color Schemes with #f0a164

Alternatives to #f0a164

#f0a164 Preview

Shades and Tints of #f0a164

Tones of #f0a164

Color Blindness Simulator