#fed686 hex color

In a RGB color space, hex #fed686 is composed of 99.6% red, 83.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.7% magenta, 47.2% yellow and 0.4% black. It has a hue angle of 40 degrees, a saturation of 98.4% and a lightness of 76.1%. #fed686 color hex could be obtained by blending #ffffff with #fdad0d. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 100
- G 84
- B 53
RGB color chart
- C 0
- M 16
- Y 47
- K 0
CMYK color chart

● #fed686 color description : Soft orange.

The hexadecimal color #fed686 has RGB values of R:254, G:214, B:134 and CMYK values of C:0, M:0.16, Y:0.47, K:0. Its decimal value is 16701062.

Hex triplet	fed686	`#fed686`
RGB Decimal	254, 214, 134	`rgb(254,214,134)`
RGB Percent	99.6, 83.9, 52.5	`rgb(99.6%,83.9%,52.5%)`
CMYK	0, 16, 47, 0
HSL	40°, 98.4, 76.1	`hsl(40,98.4%,76.1%)`
HSV (or HSB)	40°, 47.2, 99.6
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	87.43, 4.036, 44.545
XYZ	69.223, 70.888, 32.589
xyY	0.401, 0.41, 70.888
CIE-LCH	87.43, 44.727, 84.823
CIE-LUV	87.43, 30.937, 57.085
Hunter-Lab	84.195, -0.583, 35.987
Binary	11111110, 11010110, 10000110

#fed686
```
#fed686 rgb(254,214,134)
```
#86aefe
```
#86aefe rgb(134,174,254)
```

Complementary Color

#fe9a86
```
#fe9a86 rgb(254,154,134)
```
#fed686
```
#fed686 rgb(254,214,134)
```
#eafe86
```
#eafe86 rgb(234,254,134)
```

Analogous Color

#9a86fe
```
#9a86fe rgb(154,134,254)
```
#fed686
```
#fed686 rgb(254,214,134)
```
#86eafe
```
#86eafe rgb(134,234,254)
```

Split Complementary Color

#d686fe
```
#d686fe rgb(214,134,254)
```
#fed686
```
#fed686 rgb(254,214,134)
```
#86fed6
```
#86fed6 rgb(134,254,214)
```

Triadic Color

#fe86ae
```
#fe86ae rgb(254,134,174)
```
#fed686
```
#fed686 rgb(254,214,134)
```
#86fed6
```
#86fed6 rgb(134,254,214)
```
#86aefe
```
#86aefe rgb(134,174,254)
```

Tetradic Color

#fdbc3a
```
#fdbc3a rgb(253,188,58)
```
#fec553
```
#fec553 rgb(254,197,83)
```
#fecd6d
```
#fecd6d rgb(254,205,109)
```
#fed686
```
#fed686 rgb(254,214,134)
```
#fedf9f
```
#fedf9f rgb(254,223,159)
```
#fee7b9
```
#fee7b9 rgb(254,231,185)
```
#fff0d2
```
#fff0d2 rgb(255,240,210)
```

Monochromatic Color

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

#feb886
```
#feb886 rgb(254,184,134)
```
#fec286
```
#fec286 rgb(254,194,134)
```
#fecc86
```
#fecc86 rgb(254,204,134)
```
#fed686
```
#fed686 rgb(254,214,134)
```
#fee086
```
#fee086 rgb(254,224,134)
```
#feea86
```
#feea86 rgb(254,234,134)
```
#fef486
```
#fef486 rgb(254,244,134)
```

Similar Colors

Text with hexadecimal color #fed686

This text has a font color of #fed686.

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

#fed686 background color

This paragraph has a background color of #fed686.

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

#fed686 border color

This element has a border color of #fed686.

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

CSS codes

.text {color:#fed686;}

.background {background-color:#fed686;}

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

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

#0f0a00
```
#0f0a00 rgb(15,10,0)
```
#231700
```
#231700 rgb(35,23,0)
```
#362400
```
#362400 rgb(54,36,0)
```
#4a3101
```
#4a3101 rgb(74,49,1)
```
#5d3e01
```
#5d3e01 rgb(93,62,1)
```
#704b01
```
#704b01 rgb(112,75,1)
```
#845801
```
#845801 rgb(132,88,1)
```
#976501
```
#976501 rgb(151,101,1)
```
#ab7201
```
#ab7201 rgb(171,114,1)
```
#be7f02
```
#be7f02 rgb(190,127,2)
```
#d28c02
```
#d28c02 rgb(210,140,2)
```
#e59902
```
#e59902 rgb(229,153,2)
```
#f9a602
```
#f9a602 rgb(249,166,2)
```

Shade Color Variation

#fdae11
```
#fdae11 rgb(253,174,17)
```
#fdb525
```
#fdb525 rgb(253,181,37)
```
#fdbc38
```
#fdbc38 rgb(253,188,56)
```
#fec24c
```
#fec24c rgb(254,194,76)
```
#fec95f
```
#fec95f rgb(254,201,95)
```
#fecf73
```
#fecf73 rgb(254,207,115)
```
#fed686
```
#fed686 rgb(254,214,134)
```
#fedd99
```
#fedd99 rgb(254,221,153)
```
#fee3ad
```
#fee3ad rgb(254,227,173)
```
#feeac0
```
#feeac0 rgb(254,234,192)
```
#fff0d4
```
#fff0d4 rgb(255,240,212)
```
#fff7e7
```
#fff7e7 rgb(255,247,231)
```
#fffefb
```
#fffefb rgb(255,254,251)
```

Tint Color Variation

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

#c6c3be
```
#c6c3be rgb(198,195,190)
```
#cac5ba
```
#cac5ba rgb(202,197,186)
```
#cfc6b5
```
#cfc6b5 rgb(207,198,181)
```
#d4c8b0
```
#d4c8b0 rgb(212,200,176)
```
#d8c9ac
```
#d8c9ac rgb(216,201,172)
```
#ddcba7
```
#ddcba7 rgb(221,203,167)
```
#e2cda2
```
#e2cda2 rgb(226,205,162)
```
#e7ce9d
```
#e7ce9d rgb(231,206,157)
```
#ebd099
```
#ebd099 rgb(235,208,153)
```
#f0d194
```
#f0d194 rgb(240,209,148)
```
#f5d38f
```
#f5d38f rgb(245,211,143)
```
#f9d48b
```
#f9d48b rgb(249,212,139)
```
#fed686
```
#fed686 rgb(254,214,134)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#e0d8c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0dc8e Protanopia 1% of men
#ffd6a6 Deuteranopia 1% of men
#ffd1dc Tritanopia 0.001% of the population

Trichromacy

#f5da8b Protanomaly 1% of men, 0.01% of women
#fed69a Deuteranomaly 6% of men, 0.4% of women
#fed3bd Tritanomaly 0.01% of the population

#fed686 hex color

#fed686 Color Information

#fed686 Color Conversion

Color Schemes with #fed686

Alternatives to #fed686

#fed686 Preview

Shades and Tints of #fed686

Tones of #fed686

Color Blindness Simulator