#fed86d hex color

In a RGB color space, hex #fed86d is composed of 99.6% red, 84.7% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15% magenta, 57.1% yellow and 0.4% black. It has a hue angle of 44.3 degrees, a saturation of 98.6% and a lightness of 71.2%. #fed86d color hex could be obtained by blending #ffffda with #fdb100. Closest websafe color is: #ffcc66.

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

● #fed86d color description : Soft orange.

The hexadecimal color #fed86d has RGB values of R:254, G:216, B:109 and CMYK values of C:0, M:0.15, Y:0.57, K:0. Its decimal value is 16701549.

Hex triplet	fed86d	`#fed86d`
RGB Decimal	254, 216, 109	`rgb(254,216,109)`
RGB Percent	99.6, 84.7, 42.7	`rgb(99.6%,84.7%,42.7%)`
CMYK	0, 15, 57, 0
HSL	44.3°, 98.6, 71.2	`hsl(44.3,98.6%,71.2%)`
HSV (or HSB)	44.3°, 57.1, 99.6
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	87.625, 0.946, 56.794
XYZ	68.19, 71.289, 24.636
xyY	0.416, 0.434, 71.289
CIE-LCH	87.625, 56.802, 89.046
CIE-LUV	87.625, 31.114, 69.813
Hunter-Lab	84.433, -3.598, 41.804
Binary	11111110, 11011000, 01101101

#fed86d
```
#fed86d rgb(254,216,109)
```
#6d93fe
```
#6d93fe rgb(109,147,254)
```

Complementary Color

#fe906d
```
#fe906d rgb(254,144,109)
```
#fed86d
```
#fed86d rgb(254,216,109)
```
#dcfe6d
```
#dcfe6d rgb(220,254,109)
```

Analogous Color

#906dfe
```
#906dfe rgb(144,109,254)
```
#fed86d
```
#fed86d rgb(254,216,109)
```
#6ddcfe
```
#6ddcfe rgb(109,220,254)
```

Split Complementary Color

#d86dfe
```
#d86dfe rgb(216,109,254)
```
#fed86d
```
#fed86d rgb(254,216,109)
```
#6dfed8
```
#6dfed8 rgb(109,254,216)
```

Triadic Color

#fe6d93
```
#fe6d93 rgb(254,109,147)
```
#fed86d
```
#fed86d rgb(254,216,109)
```
#6dfed8
```
#6dfed8 rgb(109,254,216)
```
#6d93fe
```
#6d93fe rgb(109,147,254)
```

Tetradic Color

#fdc421
```
#fdc421 rgb(253,196,33)
```
#feca3a
```
#feca3a rgb(254,202,58)
```
#fed154
```
#fed154 rgb(254,209,84)
```
#fed86d
```
#fed86d rgb(254,216,109)
```
#fedf86
```
#fedf86 rgb(254,223,134)
```
#fee6a0
```
#fee6a0 rgb(254,230,160)
```
#ffecb9
```
#ffecb9 rgb(255,236,185)
```

Monochromatic Color

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

#feb46d
```
#feb46d rgb(254,180,109)
```
#fec06d
```
#fec06d rgb(254,192,109)
```
#fecc6d
```
#fecc6d rgb(254,204,109)
```
#fed86d
```
#fed86d rgb(254,216,109)
```
#fee46d
```
#fee46d rgb(254,228,109)
```
#fef06d
```
#fef06d rgb(254,240,109)
```
#fefc6d
```
#fefc6d rgb(254,252,109)
```

Similar Colors

Text with hexadecimal color #fed86d

This text has a font color of #fed86d.

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

#fed86d background color

This paragraph has a background color of #fed86d.

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

#fed86d border color

This element has a border color of #fed86d.

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

CSS codes

.text {color:#fed86d;}

.background {background-color:#fed86d;}

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

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

#0a0700
```
#0a0700 rgb(10,7,0)
```
#1d1600
```
#1d1600 rgb(29,22,0)
```
#312400
```
#312400 rgb(49,36,0)
```
#443300
```
#443300 rgb(68,51,0)
```
#584101
```
#584101 rgb(88,65,1)
```
#6b4f01
```
#6b4f01 rgb(107,79,1)
```
#7f5e01
```
#7f5e01 rgb(127,94,1)
```
#926c01
```
#926c01 rgb(146,108,1)
```
#a67b01
```
#a67b01 rgb(166,123,1)
```
#b98901
```
#b98901 rgb(185,137,1)
```
#cd9701
```
#cd9701 rgb(205,151,1)
```
#e0a602
```
#e0a602 rgb(224,166,2)
```
#f4b402
```
#f4b402 rgb(244,180,2)
```

Shade Color Variation

#fdbe0c
```
#fdbe0c rgb(253,190,12)
```
#fdc31f
```
#fdc31f rgb(253,195,31)
```
#fec833
```
#fec833 rgb(254,200,51)
```
#fece46
```
#fece46 rgb(254,206,70)
```
#fed35a
```
#fed35a rgb(254,211,90)
```
#fed86d
```
#fed86d rgb(254,216,109)
```
#fedd80
```
#fedd80 rgb(254,221,128)
```
#fee294
```
#fee294 rgb(254,226,148)
```
#fee8a7
```
#fee8a7 rgb(254,232,167)
```
#ffedbb
```
#ffedbb rgb(255,237,187)
```
#fff2ce
```
#fff2ce rgb(255,242,206)
```
#fff7e2
```
#fff7e2 rgb(255,247,226)
```
#fffcf5
```
#fffcf5 rgb(255,252,245)
```

Tint Color Variation

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

#bab8b1
```
#bab8b1 rgb(186,184,177)
```
#c0baab
```
#c0baab rgb(192,186,171)
```
#c5bda6
```
#c5bda6 rgb(197,189,166)
```
#cbc0a0
```
#cbc0a0 rgb(203,192,160)
```
#d1c29a
```
#d1c29a rgb(209,194,154)
```
#d6c595
```
#d6c595 rgb(214,197,149)
```
#dcc88f
```
#dcc88f rgb(220,200,143)
```
#e2cb89
```
#e2cb89 rgb(226,203,137)
```
#e7cd84
```
#e7cd84 rgb(231,205,132)
```
#edd07e
```
#edd07e rgb(237,208,126)
```
#f3d378
```
#f3d378 rgb(243,211,120)
```
#f8d573
```
#f8d573 rgb(248,213,115)
```
#fed86d
```
#fed86d rgb(254,216,109)
```

Tone Color Variation

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

Dichromacy

#f3dd75 Protanopia 1% of men
#ffd7a3 Deuteranopia 1% of men
#ffd2dc Tritanopia 0.001% of the population

Trichromacy

#f7db72 Protanomaly 1% of men, 0.01% of women
#fed78f Deuteranomaly 6% of men, 0.4% of women
#fed4b4 Tritanomaly 0.01% of the population

#fed86d hex color

#fed86d Color Information

#fed86d Color Conversion

Color Schemes with #fed86d

Alternatives to #fed86d

#fed86d Preview

Shades and Tints of #fed86d

Tones of #fed86d

Color Blindness Simulator