#f6a960 hex color

In a RGB color space, hex #f6a960 is composed of 96.5% red, 66.3% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.3% magenta, 61% yellow and 3.5% black. It has a hue angle of 29.2 degrees, a saturation of 89.3% and a lightness of 67.1%. #f6a960 color hex could be obtained by blending #ffffc0 with #ed5300. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 96
- G 66
- B 38
RGB color chart
- C 0
- M 31
- Y 61
- K 4
CMYK color chart

● #f6a960 color description : Soft orange.

The hexadecimal color #f6a960 has RGB values of R:246, G:169, B:96 and CMYK values of C:0, M:0.31, Y:0.61, K:0.04. Its decimal value is 16165216.

Hex triplet	f6a960	`#f6a960`
RGB Decimal	246, 169, 96	`rgb(246,169,96)`
RGB Percent	96.5, 66.3, 37.6	`rgb(96.5%,66.3%,37.6%)`
CMYK	0, 31, 61, 4
HSL	29.2°, 89.3, 67.1	`hsl(29.2,89.3%,67.1%)`
HSV (or HSB)	29.2°, 61, 96.5
Web Safe	ff9966	`#ff9966`

CIE-LAB	75.337, 21.203, 48.473
XYZ	54.306, 48.817, 17.628
xyY	0.45, 0.404, 48.817
CIE-LCH	75.337, 52.907, 66.375
CIE-LUV	75.337, 59.678, 53.913
Hunter-Lab	69.869, 16.47, 33.949
Binary	11110110, 10101001, 01100000

#f6a960
```
#f6a960 rgb(246,169,96)
```
#60adf6
```
#60adf6 rgb(96,173,246)
```

Complementary Color

#f66062
```
#f66062 rgb(246,96,98)
```
#f6a960
```
#f6a960 rgb(246,169,96)
```
#f6f460
```
#f6f460 rgb(246,244,96)
```

Analogous Color

#6062f6
```
#6062f6 rgb(96,98,246)
```
#f6a960
```
#f6a960 rgb(246,169,96)
```
#60f6f4
```
#60f6f4 rgb(96,246,244)
```

Split Complementary Color

#a960f6
```
#a960f6 rgb(169,96,246)
```
#f6a960
```
#f6a960 rgb(246,169,96)
```
#60f6a9
```
#60f6a9 rgb(96,246,169)
```

Triadic Color

#f660ad
```
#f660ad rgb(246,96,173)
```
#f6a960
```
#f6a960 rgb(246,169,96)
```
#60f6a9
```
#60f6a9 rgb(96,246,169)
```
#60adf6
```
#60adf6 rgb(96,173,246)
```

Tetradic Color

#f28218
```
#f28218 rgb(242,130,24)
```
#f38f30
```
#f38f30 rgb(243,143,48)
```
#f59c48
```
#f59c48 rgb(245,156,72)
```
#f6a960
```
#f6a960 rgb(246,169,96)
```
#f7b678
```
#f7b678 rgb(247,182,120)
```
#f9c390
```
#f9c390 rgb(249,195,144)
```
#fad0a8
```
#fad0a8 rgb(250,208,168)
```

Monochromatic Color

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

#f68460
```
#f68460 rgb(246,132,96)
```
#f69060
```
#f69060 rgb(246,144,96)
```
#f69d60
```
#f69d60 rgb(246,157,96)
```
#f6a960
```
#f6a960 rgb(246,169,96)
```
#f6b660
```
#f6b660 rgb(246,182,96)
```
#f6c260
```
#f6c260 rgb(246,194,96)
```
#f6cf60
```
#f6cf60 rgb(246,207,96)
```

Similar Colors

Text with hexadecimal color #f6a960

This text has a font color of #f6a960.

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

#f6a960 background color

This paragraph has a background color of #f6a960.

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

#f6a960 border color

This element has a border color of #f6a960.

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

CSS codes

.text {color:#f6a960;}

.background {background-color:#f6a960;}

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

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

#080400
```
#080400 rgb(8,4,0)
```
#1b0e02
```
#1b0e02 rgb(27,14,2)
```
#2d1703
```
#2d1703 rgb(45,23,3)
```
#402104
```
#402104 rgb(64,33,4)
```
#522a05
```
#522a05 rgb(82,42,5)
```
#653406
```
#653406 rgb(101,52,6)
```
#773e07
```
#773e07 rgb(119,62,7)
```
#8a4708
```
#8a4708 rgb(138,71,8)
```
#9d5109
```
#9d5109 rgb(157,81,9)
```
#af5a0a
```
#af5a0a rgb(175,90,10)
```
#c2640b
```
#c2640b rgb(194,100,11)
```
#d46d0c
```
#d46d0c rgb(212,109,12)
```
#e7770d
```
#e7770d rgb(231,119,13)
```

Shade Color Variation

#f28116
```
#f28116 rgb(242,129,22)
```
#f38b28
```
#f38b28 rgb(243,139,40)
```
#f4953b
```
#f4953b rgb(244,149,59)
```
#f59f4d
```
#f59f4d rgb(245,159,77)
```
#f6a960
```
#f6a960 rgb(246,169,96)
```
#f7b373
```
#f7b373 rgb(247,179,115)
```
#f8bd85
```
#f8bd85 rgb(248,189,133)
```
#f9c798
```
#f9c798 rgb(249,199,152)
```
#fad1aa
```
#fad1aa rgb(250,209,170)
```
#fbdbbd
```
#fbdbbd rgb(251,219,189)
```
#fce5cf
```
#fce5cf rgb(252,229,207)
```
#fdefe2
```
#fdefe2 rgb(253,239,226)
```
#fef9f5
```
#fef9f5 rgb(254,249,245)
```

Tint Color Variation

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

#afaba7
```
#afaba7 rgb(175,171,167)
```
#b5aba1
```
#b5aba1 rgb(181,171,161)
```
#bcab9a
```
#bcab9a rgb(188,171,154)
```
#c2aa94
```
#c2aa94 rgb(194,170,148)
```
#c9aa8d
```
#c9aa8d rgb(201,170,141)
```
#cfaa87
```
#cfaa87 rgb(207,170,135)
```
#d6aa80
```
#d6aa80 rgb(214,170,128)
```
#dcaa7a
```
#dcaa7a rgb(220,170,122)
```
#e3aa73
```
#e3aa73 rgb(227,170,115)
```
#e9a96d
```
#e9a96d rgb(233,169,109)
```
#f0a966
```
#f0a966 rgb(240,169,102)
```
#f6a960
```
#f6a960 rgb(246,169,96)
```
#fca95a
```
#fca95a rgb(252,169,90)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#c4b5a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfbd6d Protanopia 1% of men
#e6b466 Deuteranopia 1% of men
#fca4b0 Tritanopia 0.001% of the population

Trichromacy

#ddb568 Protanomaly 1% of men, 0.01% of women
#ecb063 Deuteranomaly 6% of men, 0.4% of women
#f9a693 Tritanomaly 0.01% of the population

#f6a960 hex color

#f6a960 Color Information

#f6a960 Color Conversion

Color Schemes with #f6a960

Alternatives to #f6a960

#f6a960 Preview

Shades and Tints of #f6a960

Tones of #f6a960

Color Blindness Simulator