#fed86a hex color

In a RGB color space, hex #fed86a is composed of 99.6% red, 84.7% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15% magenta, 58.3% yellow and 0.4% black. It has a hue angle of 44.6 degrees, a saturation of 98.7% and a lightness of 70.6%. #fed86a color hex could be obtained by blending #ffffd4 with #fdb100. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 100
- G 85
- B 42
RGB color chart
- C 0
- M 15
- Y 58
- K 0
CMYK color chart

● #fed86a color description : Soft orange.

The hexadecimal color #fed86a has RGB values of R:254, G:216, B:106 and CMYK values of C:0, M:0.15, Y:0.58, K:0. Its decimal value is 16701546.

Hex triplet	fed86a	`#fed86a`
RGB Decimal	254, 216, 106	`rgb(254,216,106)`
RGB Percent	99.6, 84.7, 41.6	`rgb(99.6%,84.7%,41.6%)`
CMYK	0, 15, 58, 0
HSL	44.6°, 98.7, 70.6	`hsl(44.6,98.7%,70.6%)`
HSV (or HSB)	44.6°, 58.3, 99.6
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	87.595, 0.731, 58.136
XYZ	68.031, 71.226, 23.799
xyY	0.417, 0.437, 71.226
CIE-LCH	87.595, 58.14, 89.28
CIE-LUV	87.595, 31.273, 71.057
Hunter-Lab	84.395, -3.803, 42.357
Binary	11111110, 11011000, 01101010

#fed86a
```
#fed86a rgb(254,216,106)
```
#6a90fe
```
#6a90fe rgb(106,144,254)
```

Complementary Color

#fe8e6a
```
#fe8e6a rgb(254,142,106)
```
#fed86a
```
#fed86a rgb(254,216,106)
```
#dafe6a
```
#dafe6a rgb(218,254,106)
```

Analogous Color

#8e6afe
```
#8e6afe rgb(142,106,254)
```
#fed86a
```
#fed86a rgb(254,216,106)
```
#6adafe
```
#6adafe rgb(106,218,254)
```

Split Complementary Color

#d86afe
```
#d86afe rgb(216,106,254)
```
#fed86a
```
#fed86a rgb(254,216,106)
```
#6afed8
```
#6afed8 rgb(106,254,216)
```

Triadic Color

#fe6a90
```
#fe6a90 rgb(254,106,144)
```
#fed86a
```
#fed86a rgb(254,216,106)
```
#6afed8
```
#6afed8 rgb(106,254,216)
```
#6a90fe
```
#6a90fe rgb(106,144,254)
```

Tetradic Color

#fdc41e
```
#fdc41e rgb(253,196,30)
```
#fecb37
```
#fecb37 rgb(254,203,55)
```
#fed151
```
#fed151 rgb(254,209,81)
```
#fed86a
```
#fed86a rgb(254,216,106)
```
#fedf83
```
#fedf83 rgb(254,223,131)
```
#fee59d
```
#fee59d rgb(254,229,157)
```
#ffecb6
```
#ffecb6 rgb(255,236,182)
```

Monochromatic Color

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

#feb36a
```
#feb36a rgb(254,179,106)
```
#febf6a
```
#febf6a rgb(254,191,106)
```
#fecc6a
```
#fecc6a rgb(254,204,106)
```
#fed86a
```
#fed86a rgb(254,216,106)
```
#fee46a
```
#fee46a rgb(254,228,106)
```
#fef16a
```
#fef16a rgb(254,241,106)
```
#fefd6a
```
#fefd6a rgb(254,253,106)
```

Similar Colors

Text with hexadecimal color #fed86a

This text has a font color of #fed86a.

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

#fed86a background color

This paragraph has a background color of #fed86a.

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

#fed86a border color

This element has a border color of #fed86a.

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

CSS codes

.text {color:#fed86a;}

.background {background-color:#fed86a;}

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

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

#070500
```
#070500 rgb(7,5,0)
```
#1a1400
```
#1a1400 rgb(26,20,0)
```
#2e2200
```
#2e2200 rgb(46,34,0)
```
#413100
```
#413100 rgb(65,49,0)
```
#553f01
```
#553f01 rgb(85,63,1)
```
#684e01
```
#684e01 rgb(104,78,1)
```
#7c5c01
```
#7c5c01 rgb(124,92,1)
```
#8f6b01
```
#8f6b01 rgb(143,107,1)
```
#a37901
```
#a37901 rgb(163,121,1)
```
#b68801
```
#b68801 rgb(182,136,1)
```
#ca9601
```
#ca9601 rgb(202,150,1)
```
#dda501
```
#dda501 rgb(221,165,1)
```
#f1b302
```
#f1b302 rgb(241,179,2)
```

Shade Color Variation

#fdbf09
```
#fdbf09 rgb(253,191,9)
```
#fdc41c
```
#fdc41c rgb(253,196,28)
```
#fec930
```
#fec930 rgb(254,201,48)
```
#fece43
```
#fece43 rgb(254,206,67)
```
#fed357
```
#fed357 rgb(254,211,87)
```
#fed86a
```
#fed86a rgb(254,216,106)
```
#fedd7d
```
#fedd7d rgb(254,221,125)
```
#fee291
```
#fee291 rgb(254,226,145)
```
#fee7a4
```
#fee7a4 rgb(254,231,164)
```
#ffecb8
```
#ffecb8 rgb(255,236,184)
```
#fff2cb
```
#fff2cb rgb(255,242,203)
```
#fff7df
```
#fff7df rgb(255,247,223)
```
#fffcf2
```
#fffcf2 rgb(255,252,242)
```

Tint Color Variation

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

#b9b6af
```
#b9b6af rgb(185,182,175)
```
#bfb9a9
```
#bfb9a9 rgb(191,185,169)
```
#c4bca4
```
#c4bca4 rgb(196,188,164)
```
#cabf9e
```
#cabf9e rgb(202,191,158)
```
#d0c298
```
#d0c298 rgb(208,194,152)
```
#d6c492
```
#d6c492 rgb(214,196,146)
```
#dbc78d
```
#dbc78d rgb(219,199,141)
```
#e1ca87
```
#e1ca87 rgb(225,202,135)
```
#e7cd81
```
#e7cd81 rgb(231,205,129)
```
#edd07b
```
#edd07b rgb(237,208,123)
```
#f2d276
```
#f2d276 rgb(242,210,118)
```
#f8d570
```
#f8d570 rgb(248,213,112)
```
#fed86a
```
#fed86a rgb(254,216,106)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#dfd7c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3dd72 Protanopia 1% of men
#ffd7a3 Deuteranopia 1% of men
#ffd1dc Tritanopia 0.001% of the population

Trichromacy

#f7db6f Protanomaly 1% of men, 0.01% of women
#fed78e Deuteranomaly 6% of men, 0.4% of women
#fed4b3 Tritanomaly 0.01% of the population

#fed86a hex color

#fed86a Color Information

#fed86a Color Conversion

Color Schemes with #fed86a

Alternatives to #fed86a

#fed86a Preview

Shades and Tints of #fed86a

Tones of #fed86a

Color Blindness Simulator