#fec86f hex color

In a RGB color space, hex #fec86f is composed of 99.6% red, 78.4% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.3% magenta, 56.3% yellow and 0.4% black. It has a hue angle of 37.3 degrees, a saturation of 98.6% and a lightness of 71.6%. #fec86f color hex could be obtained by blending #ffffde with #fd9100. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 100
- G 78
- B 44
RGB color chart
- C 0
- M 21
- Y 56
- K 0
CMYK color chart

● #fec86f color description : Soft orange.

The hexadecimal color #fec86f has RGB values of R:254, G:200, B:111 and CMYK values of C:0, M:0.21, Y:0.56, K:0. Its decimal value is 16697455.

Hex triplet	fec86f	`#fec86f`
RGB Decimal	254, 200, 111	`rgb(254,200,111)`
RGB Percent	99.6, 78.4, 43.5	`rgb(99.6%,78.4%,43.5%)`
CMYK	0, 21, 56, 0
HSL	37.3°, 98.6, 71.6	`hsl(37.3,98.6%,71.6%)`
HSV (or HSB)	37.3°, 56.3, 99.6
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	83.72, 9.32, 51.272
XYZ	64.397, 63.53, 23.909
xyY	0.424, 0.418, 63.53
CIE-LCH	83.72, 52.112, 79.697
CIE-LUV	83.72, 42.099, 61.677
Hunter-Lab	79.706, 4.732, 38.009
Binary	11111110, 11001000, 01101111

#fec86f
```
#fec86f rgb(254,200,111)
```
#6fa5fe
```
#6fa5fe rgb(111,165,254)
```

Complementary Color

#fe816f
```
#fe816f rgb(254,129,111)
```
#fec86f
```
#fec86f rgb(254,200,111)
```
#edfe6f
```
#edfe6f rgb(237,254,111)
```

Analogous Color

#816ffe
```
#816ffe rgb(129,111,254)
```
#fec86f
```
#fec86f rgb(254,200,111)
```
#6fedfe
```
#6fedfe rgb(111,237,254)
```

Split Complementary Color

#c86ffe
```
#c86ffe rgb(200,111,254)
```
#fec86f
```
#fec86f rgb(254,200,111)
```
#6ffec8
```
#6ffec8 rgb(111,254,200)
```

Triadic Color

#fe6fa5
```
#fe6fa5 rgb(254,111,165)
```
#fec86f
```
#fec86f rgb(254,200,111)
```
#6ffec8
```
#6ffec8 rgb(111,254,200)
```
#6fa5fe
```
#6fa5fe rgb(111,165,254)
```

Tetradic Color

#fdab23
```
#fdab23 rgb(253,171,35)
```
#feb53c
```
#feb53c rgb(254,181,60)
```
#febe56
```
#febe56 rgb(254,190,86)
```
#fec86f
```
#fec86f rgb(254,200,111)
```
#fed288
```
#fed288 rgb(254,210,136)
```
#fedba2
```
#fedba2 rgb(254,219,162)
```
#ffe5bb
```
#ffe5bb rgb(255,229,187)
```

Monochromatic Color

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

#fea46f
```
#fea46f rgb(254,164,111)
```
#feb06f
```
#feb06f rgb(254,176,111)
```
#febc6f
```
#febc6f rgb(254,188,111)
```
#fec86f
```
#fec86f rgb(254,200,111)
```
#fed46f
```
#fed46f rgb(254,212,111)
```
#fee06f
```
#fee06f rgb(254,224,111)
```
#feec6f
```
#feec6f rgb(254,236,111)
```

Similar Colors

Text with hexadecimal color #fec86f

This text has a font color of #fec86f.

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

#fec86f background color

This paragraph has a background color of #fec86f.

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

#fec86f border color

This element has a border color of #fec86f.

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

CSS codes

.text {color:#fec86f;}

.background {background-color:#fec86f;}

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

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

#0c0700
```
#0c0700 rgb(12,7,0)
```
#1f1400
```
#1f1400 rgb(31,20,0)
```
#332000
```
#332000 rgb(51,32,0)
```
#462c00
```
#462c00 rgb(70,44,0)
```
#5a3801
```
#5a3801 rgb(90,56,1)
```
#6d4401
```
#6d4401 rgb(109,68,1)
```
#815001
```
#815001 rgb(129,80,1)
```
#945d01
```
#945d01 rgb(148,93,1)
```
#a86901
```
#a86901 rgb(168,105,1)
```
#bb7501
```
#bb7501 rgb(187,117,1)
```
#cf8101
```
#cf8101 rgb(207,129,1)
```
#e28d02
```
#e28d02 rgb(226,141,2)
```
#f69a02
```
#f69a02 rgb(246,154,2)
```

Shade Color Variation

#fda30e
```
#fda30e rgb(253,163,14)
```
#fdaa21
```
#fdaa21 rgb(253,170,33)
```
#feb235
```
#feb235 rgb(254,178,53)
```
#feb948
```
#feb948 rgb(254,185,72)
```
#fec15c
```
#fec15c rgb(254,193,92)
```
#fec86f
```
#fec86f rgb(254,200,111)
```
#fecf82
```
#fecf82 rgb(254,207,130)
```
#fed796
```
#fed796 rgb(254,215,150)
```
#fedea9
```
#fedea9 rgb(254,222,169)
```
#ffe6bd
```
#ffe6bd rgb(255,230,189)
```
#ffedd0
```
#ffedd0 rgb(255,237,208)
```
#fff5e4
```
#fff5e4 rgb(255,245,228)
```
#fffcf7
```
#fffcf7 rgb(255,252,247)
```

Tint Color Variation

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

#bbb8b2
```
#bbb8b2 rgb(187,184,178)
```
#c1b9ac
```
#c1b9ac rgb(193,185,172)
```
#c6baa7
```
#c6baa7 rgb(198,186,167)
```
#ccbca1
```
#ccbca1 rgb(204,188,161)
```
#d1bd9c
```
#d1bd9c rgb(209,189,156)
```
#d7be96
```
#d7be96 rgb(215,190,150)
```
#ddc090
```
#ddc090 rgb(221,192,144)
```
#e2c18b
```
#e2c18b rgb(226,193,139)
```
#e8c385
```
#e8c385 rgb(232,195,133)
```
#edc480
```
#edc480 rgb(237,196,128)
```
#f3c57a
```
#f3c57a rgb(243,197,122)
```
#f8c775
```
#f8c775 rgb(248,199,117)
```
#fec86f
```
#fec86f rgb(254,200,111)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#d8cdbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7d379 Protanopia 1% of men
#ffca7b Deuteranopia 1% of men
#ffc3ce Tritanopia 0.001% of the population

Trichromacy

#efcf75 Protanomaly 1% of men, 0.01% of women
#fec977 Deuteranomaly 6% of men, 0.4% of women
#fec5ab Tritanomaly 0.01% of the population

#fec86f hex color

#fec86f Color Information

#fec86f Color Conversion

Color Schemes with #fec86f

Alternatives to #fec86f

#fec86f Preview

Shades and Tints of #fec86f

Tones of #fec86f

Color Blindness Simulator