#f6c164 hex color

In a RGB color space, hex #f6c164 is composed of 96.5% red, 75.7% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.5% magenta, 59.3% yellow and 3.5% black. It has a hue angle of 38.2 degrees, a saturation of 89% and a lightness of 67.8%. #f6c164 color hex could be obtained by blending #ffffc8 with #ed8300. Closest websafe color is: #ffcc66.

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

● #f6c164 color description : Soft orange.

The hexadecimal color #f6c164 has RGB values of R:246, G:193, B:100 and CMYK values of C:0, M:0.22, Y:0.59, K:0.04. Its decimal value is 16171364.

Hex triplet	f6c164	`#f6c164`
RGB Decimal	246, 193, 100	`rgb(246,193,100)`
RGB Percent	96.5, 75.7, 39.2	`rgb(96.5%,75.7%,39.2%)`
CMYK	0, 22, 59, 4
HSL	38.2°, 89, 67.8	`hsl(38.2,89%,67.8%)`
HSV (or HSB)	38.2°, 59.3, 96.5
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	81.102, 8.885, 53.256
XYZ	59.377, 58.656, 20.25
xyY	0.429, 0.424, 58.656
CIE-LCH	81.102, 53.992, 80.528
CIE-LUV	81.102, 41.832, 62.821
Hunter-Lab	76.587, 4.362, 37.934
Binary	11110110, 11000001, 01100100

#f6c164
```
#f6c164 rgb(246,193,100)
```
#6499f6
```
#6499f6 rgb(100,153,246)
```

Complementary Color

#f67864
```
#f67864 rgb(246,120,100)
```
#f6c164
```
#f6c164 rgb(246,193,100)
```
#e2f664
```
#e2f664 rgb(226,246,100)
```

Analogous Color

#7864f6
```
#7864f6 rgb(120,100,246)
```
#f6c164
```
#f6c164 rgb(246,193,100)
```
#64e2f6
```
#64e2f6 rgb(100,226,246)
```

Split Complementary Color

#c164f6
```
#c164f6 rgb(193,100,246)
```
#f6c164
```
#f6c164 rgb(246,193,100)
```
#64f6c1
```
#64f6c1 rgb(100,246,193)
```

Triadic Color

#f66499
```
#f66499 rgb(246,100,153)
```
#f6c164
```
#f6c164 rgb(246,193,100)
```
#64f6c1
```
#64f6c1 rgb(100,246,193)
```
#6499f6
```
#6499f6 rgb(100,153,246)
```

Tetradic Color

#f2a41c
```
#f2a41c rgb(242,164,28)
```
#f3ae34
```
#f3ae34 rgb(243,174,52)
```
#f5b74c
```
#f5b74c rgb(245,183,76)
```
#f6c164
```
#f6c164 rgb(246,193,100)
```
#f7cb7c
```
#f7cb7c rgb(247,203,124)
```
#f9d494
```
#f9d494 rgb(249,212,148)
```
#fadeac
```
#fadeac rgb(250,222,172)
```

Monochromatic Color

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

#f69d64
```
#f69d64 rgb(246,157,100)
```
#f6a964
```
#f6a964 rgb(246,169,100)
```
#f6b564
```
#f6b564 rgb(246,181,100)
```
#f6c164
```
#f6c164 rgb(246,193,100)
```
#f6cd64
```
#f6cd64 rgb(246,205,100)
```
#f6d964
```
#f6d964 rgb(246,217,100)
```
#f6e664
```
#f6e664 rgb(246,230,100)
```

Similar Colors

Text with hexadecimal color #f6c164

This text has a font color of #f6c164.

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

#f6c164 background color

This paragraph has a background color of #f6c164.

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

#f6c164 border color

This element has a border color of #f6c164.

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

CSS codes

.text {color:#f6c164;}

.background {background-color:#f6c164;}

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

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

#0c0801
```
#0c0801 rgb(12,8,1)
```
#1e1402
```
#1e1402 rgb(30,20,2)
```
#312003
```
#312003 rgb(49,32,3)
```
#432c04
```
#432c04 rgb(67,44,4)
```
#563905
```
#563905 rgb(86,57,5)
```
#694506
```
#694506 rgb(105,69,6)
```
#7b5107
```
#7b5107 rgb(123,81,7)
```
#8e5d08
```
#8e5d08 rgb(142,93,8)
```
#a06909
```
#a06909 rgb(160,105,9)
```
#b3760a
```
#b3760a rgb(179,118,10)
```
#c5820b
```
#c5820b rgb(197,130,11)
```
#d88e0d
```
#d88e0d rgb(216,142,13)
```
#ea9a0e
```
#ea9a0e rgb(234,154,14)
```

Shade Color Variation

#f2a31a
```
#f2a31a rgb(242,163,26)
```
#f3ab2c
```
#f3ab2c rgb(243,171,44)
```
#f4b23f
```
#f4b23f rgb(244,178,63)
```
#f5ba51
```
#f5ba51 rgb(245,186,81)
```
#f6c164
```
#f6c164 rgb(246,193,100)
```
#f7c877
```
#f7c877 rgb(247,200,119)
```
#f8d089
```
#f8d089 rgb(248,208,137)
```
#f9d79c
```
#f9d79c rgb(249,215,156)
```
#fadfae
```
#fadfae rgb(250,223,174)
```
#fbe6c1
```
#fbe6c1 rgb(251,230,193)
```
#fcedd3
```
#fcedd3 rgb(252,237,211)
```
#fef5e6
```
#fef5e6 rgb(254,245,230)
```
#fffcf8
```
#fffcf8 rgb(255,252,248)
```

Tint Color Variation

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

#b1aea9
```
#b1aea9 rgb(177,174,169)
```
#b7b0a3
```
#b7b0a3 rgb(183,176,163)
```
#bdb19d
```
#bdb19d rgb(189,177,157)
```
#c4b396
```
#c4b396 rgb(196,179,150)
```
#cab590
```
#cab590 rgb(202,181,144)
```
#d0b78a
```
#d0b78a rgb(208,183,138)
```
#d6b884
```
#d6b884 rgb(214,184,132)
```
#ddba7d
```
#ddba7d rgb(221,186,125)
```
#e3bc77
```
#e3bc77 rgb(227,188,119)
```
#e9be71
```
#e9be71 rgb(233,190,113)
```
#f0bf6a
```
#f0bf6a rgb(240,191,106)
```
#f6c164
```
#f6c164 rgb(246,193,100)
```
#fcc35e
```
#fcc35e rgb(252,195,94)
```

Tone Color Variation

Below, you can see how #f6c164 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
#d0c5b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0cc6e Protanopia 1% of men
#f8c36c Deuteranopia 1% of men
#feb9c6 Tritanopia 0.001% of the population

Trichromacy

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

#f6c164 hex color

#f6c164 Color Information

#f6c164 Color Conversion

Color Schemes with #f6c164

Alternatives to #f6c164

#f6c164 Preview

Shades and Tints of #f6c164

Tones of #f6c164

Color Blindness Simulator