#f6a486 hex color

In a RGB color space, hex #f6a486 is composed of 96.5% red, 64.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 45.5% yellow and 3.5% black. It has a hue angle of 16.1 degrees, a saturation of 86.2% and a lightness of 74.5%. #f6a486 color hex could be obtained by blending #ffffff with #ed490d. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 96
- G 64
- B 53
RGB color chart
- C 0
- M 33
- Y 46
- K 4
CMYK color chart

● #f6a486 color description : Soft orange.

The hexadecimal color #f6a486 has RGB values of R:246, G:164, B:134 and CMYK values of C:0, M:0.33, Y:0.46, K:0.04. Its decimal value is 16163974.

Hex triplet	f6a486	`#f6a486`
RGB Decimal	246, 164, 134	`rgb(246,164,134)`
RGB Percent	96.5, 64.3, 52.5	`rgb(96.5%,64.3%,52.5%)`
CMYK	0, 33, 46, 4
HSL	16.1°, 86.2, 74.5	`hsl(16.1,86.2%,74.5%)`
HSV (or HSB)	16.1°, 45.5, 96.5
Web Safe	ff9999	`#ff9999`

CIE-LAB	74.742, 27.001, 27.972
XYZ	55.585, 47.868, 28.865
xyY	0.42, 0.362, 47.868
CIE-LCH	74.742, 38.878, 46.012
CIE-LUV	74.742, 58.915, 31.571
Hunter-Lab	69.187, 22.331, 23.695
Binary	11110110, 10100100, 10000110

#f6a486
```
#f6a486 rgb(246,164,134)
```
#86d8f6
```
#86d8f6 rgb(134,216,246)
```

Complementary Color

#f686a0
```
#f686a0 rgb(246,134,160)
```
#f6a486
```
#f6a486 rgb(246,164,134)
```
#f6dc86
```
#f6dc86 rgb(246,220,134)
```

Analogous Color

#86a0f6
```
#86a0f6 rgb(134,160,246)
```
#f6a486
```
#f6a486 rgb(246,164,134)
```
#86f6dc
```
#86f6dc rgb(134,246,220)
```

Split Complementary Color

#a486f6
```
#a486f6 rgb(164,134,246)
```
#f6a486
```
#f6a486 rgb(246,164,134)
```
#86f6a4
```
#86f6a4 rgb(134,246,164)
```

Triadic Color

#f686d8
```
#f686d8 rgb(246,134,216)
```
#f6a486
```
#f6a486 rgb(246,164,134)
```
#86f6a4
```
#86f6a4 rgb(134,246,164)
```
#86d8f6
```
#86d8f6 rgb(134,216,246)
```

Tetradic Color

#f16e3f
```
#f16e3f rgb(241,110,63)
```
#f28057
```
#f28057 rgb(242,128,87)
```
#f4926e
```
#f4926e rgb(244,146,110)
```
#f6a486
```
#f6a486 rgb(246,164,134)
```
#f8b69e
```
#f8b69e rgb(248,182,158)
```
#fac8b5
```
#fac8b5 rgb(250,200,181)
```
#fbdacd
```
#fbdacd rgb(251,218,205)
```

Monochromatic Color

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

#f68886
```
#f68886 rgb(246,136,134)
```
#f69186
```
#f69186 rgb(246,145,134)
```
#f69b86
```
#f69b86 rgb(246,155,134)
```
#f6a486
```
#f6a486 rgb(246,164,134)
```
#f6ad86
```
#f6ad86 rgb(246,173,134)
```
#f6b786
```
#f6b786 rgb(246,183,134)
```
#f6c086
```
#f6c086 rgb(246,192,134)
```

Similar Colors

Text with hexadecimal color #f6a486

This text has a font color of #f6a486.

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

#f6a486 background color

This paragraph has a background color of #f6a486.

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

#f6a486 border color

This element has a border color of #f6a486.

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

CSS codes

.text {color:#f6a486;}

.background {background-color:#f6a486;}

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

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

#070201
```
#070201 rgb(7,2,1)
```
#190802
```
#190802 rgb(25,8,2)
```
#2b0e03
```
#2b0e03 rgb(43,14,3)
```
#3e1405
```
#3e1405 rgb(62,20,5)
```
#501a06
```
#501a06 rgb(80,26,6)
```
#622007
```
#622007 rgb(98,32,7)
```
#742609
```
#742609 rgb(116,38,9)
```
#872b0a
```
#872b0a rgb(135,43,10)
```
#99310b
```
#99310b rgb(153,49,11)
```
#ab370d
```
#ab370d rgb(171,55,13)
```
#bd3d0e
```
#bd3d0e rgb(189,61,14)
```
#d0430f
```
#d0430f rgb(208,67,15)
```
#e24911
```
#e24911 rgb(226,73,17)
```

Shade Color Variation

#ee5218
```
#ee5218 rgb(238,82,24)
```
#ef5f2b
```
#ef5f2b rgb(239,95,43)
```
#f16d3d
```
#f16d3d rgb(241,109,61)
```
#f27b4f
```
#f27b4f rgb(242,123,79)
```
#f38961
```
#f38961 rgb(243,137,97)
```
#f59674
```
#f59674 rgb(245,150,116)
```
#f6a486
```
#f6a486 rgb(246,164,134)
```
#f7b298
```
#f7b298 rgb(247,178,152)
```
#f9bfab
```
#f9bfab rgb(249,191,171)
```
#facdbd
```
#facdbd rgb(250,205,189)
```
#fbdbcf
```
#fbdbcf rgb(251,219,207)
```
#fde9e1
```
#fde9e1 rgb(253,233,225)
```
#fef6f4
```
#fef6f4 rgb(254,246,244)
```

Tint Color Variation

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

#bfbebd
```
#bfbebd rgb(191,190,189)
```
#c4bbb8
```
#c4bbb8 rgb(196,187,184)
```
#c9b9b3
```
#c9b9b3 rgb(201,185,179)
```
#ceb7ae
```
#ceb7ae rgb(206,183,174)
```
#d3b4a9
```
#d3b4a9 rgb(211,180,169)
```
#d8b2a4
```
#d8b2a4 rgb(216,178,164)
```
#ddb09f
```
#ddb09f rgb(221,176,159)
```
#e2ad9a
```
#e2ad9a rgb(226,173,154)
```
#e7ab95
```
#e7ab95 rgb(231,171,149)
```
#eca990
```
#eca990 rgb(236,169,144)
```
#f1a68b
```
#f1a68b rgb(241,166,139)
```
#f6a486
```
#f6a486 rgb(246,164,134)
```
#fba281
```
#fba281 rgb(251,162,129)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#c5b5af Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7bb93 Protanopia 1% of men
#ddb489 Deuteranopia 1% of men
#f9a3ae Tritanopia 0.001% of the population

Trichromacy

#d8b28e Protanomaly 1% of men, 0.01% of women
#e6ae88 Deuteranomaly 6% of men, 0.4% of women
#f8a3a0 Tritanomaly 0.01% of the population

#f6a486 hex color

#f6a486 Color Information

#f6a486 Color Conversion

Color Schemes with #f6a486

Alternatives to #f6a486

#f6a486 Preview

Shades and Tints of #f6a486

Tones of #f6a486

Color Blindness Simulator