#fef686 hex color

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

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

● #fef686 color description : Soft yellow.

The hexadecimal color #fef686 has RGB values of R:254, G:246, B:134 and CMYK values of C:0, M:0.03, Y:0.47, K:0. Its decimal value is 16709254.

Hex triplet	fef686	`#fef686`
RGB Decimal	254, 246, 134	`rgb(254,246,134)`
RGB Percent	99.6, 96.5, 52.5	`rgb(99.6%,96.5%,52.5%)`
CMYK	0, 3, 47, 0
HSL	56°, 98.4, 76.1	`hsl(56,98.4%,76.1%)`
HSV (or HSB)	56°, 47.2, 99.6
Web Safe	ffff99	`#ffff99`

CIE-LAB	95.457, -12.037, 54.438
XYZ	78.131, 88.705, 35.559
xyY	0.386, 0.438, 88.705
CIE-LCH	95.457, 55.753, 102.468
CIE-LUV	95.457, 10.419, 72.583
Hunter-Lab	94.183, -16.743, 43.543
Binary	11111110, 11110110, 10000110

#fef686
```
#fef686 rgb(254,246,134)
```
#868efe
```
#868efe rgb(134,142,254)
```

Complementary Color

#feba86
```
#feba86 rgb(254,186,134)
```
#fef686
```
#fef686 rgb(254,246,134)
```
#cafe86
```
#cafe86 rgb(202,254,134)
```

Analogous Color

#ba86fe
```
#ba86fe rgb(186,134,254)
```
#fef686
```
#fef686 rgb(254,246,134)
```
#86cafe
```
#86cafe rgb(134,202,254)
```

Split Complementary Color

#f686fe
```
#f686fe rgb(246,134,254)
```
#fef686
```
#fef686 rgb(254,246,134)
```
#86fef6
```
#86fef6 rgb(134,254,246)
```

Triadic Color

#fe868e
```
#fe868e rgb(254,134,142)
```
#fef686
```
#fef686 rgb(254,246,134)
```
#86fef6
```
#86fef6 rgb(134,254,246)
```
#868efe
```
#868efe rgb(134,142,254)
```

Tetradic Color

#fdf03a
```
#fdf03a rgb(253,240,58)
```
#fef253
```
#fef253 rgb(254,242,83)
```
#fef46d
```
#fef46d rgb(254,244,109)
```
#fef686
```
#fef686 rgb(254,246,134)
```
#fef89f
```
#fef89f rgb(254,248,159)
```
#fefab9
```
#fefab9 rgb(254,250,185)
```
#fffcd2
```
#fffcd2 rgb(255,252,210)
```

Monochromatic Color

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

#fed886
```
#fed886 rgb(254,216,134)
```
#fee286
```
#fee286 rgb(254,226,134)
```
#feec86
```
#feec86 rgb(254,236,134)
```
#fef686
```
#fef686 rgb(254,246,134)
```
#fcfe86
```
#fcfe86 rgb(252,254,134)
```
#f2fe86
```
#f2fe86 rgb(242,254,134)
```
#e8fe86
```
#e8fe86 rgb(232,254,134)
```

Similar Colors

Text with hexadecimal color #fef686

This text has a font color of #fef686.

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

#fef686 background color

This paragraph has a background color of #fef686.

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

#fef686 border color

This element has a border color of #fef686.

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

CSS codes

.text {color:#fef686;}

.background {background-color:#fef686;}

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

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

#0f0e00
```
#0f0e00 rgb(15,14,0)
```
#232000
```
#232000 rgb(35,32,0)
```
#363300
```
#363300 rgb(54,51,0)
```
#4a4501
```
#4a4501 rgb(74,69,1)
```
#5d5701
```
#5d5701 rgb(93,87,1)
```
#706901
```
#706901 rgb(112,105,1)
```
#847b01
```
#847b01 rgb(132,123,1)
```
#978d01
```
#978d01 rgb(151,141,1)
```
#aba001
```
#aba001 rgb(171,160,1)
```
#beb202
```
#beb202 rgb(190,178,2)
```
#d2c402
```
#d2c402 rgb(210,196,2)
```
#e5d602
```
#e5d602 rgb(229,214,2)
```
#f9e802
```
#f9e802 rgb(249,232,2)
```

Shade Color Variation

#fded11
```
#fded11 rgb(253,237,17)
```
#fdef25
```
#fdef25 rgb(253,239,37)
```
#fdf038
```
#fdf038 rgb(253,240,56)
```
#fef24c
```
#fef24c rgb(254,242,76)
```
#fef35f
```
#fef35f rgb(254,243,95)
```
#fef573
```
#fef573 rgb(254,245,115)
```
#fef686
```
#fef686 rgb(254,246,134)
```
#fef799
```
#fef799 rgb(254,247,153)
```
#fef9ad
```
#fef9ad rgb(254,249,173)
```
#fefac0
```
#fefac0 rgb(254,250,192)
```
#fffcd4
```
#fffcd4 rgb(255,252,212)
```
#fffde7
```
#fffde7 rgb(255,253,231)
```
#fffffb
```
#fffffb rgb(255,255,251)
```

Tint Color Variation

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

#c6c5be
```
#c6c5be rgb(198,197,190)
```
#cac9ba
```
#cac9ba rgb(202,201,186)
```
#cfcdb5
```
#cfcdb5 rgb(207,205,181)
```
#d4d1b0
```
#d4d1b0 rgb(212,209,176)
```
#d8d5ac
```
#d8d5ac rgb(216,213,172)
```
#dddaa7
```
#dddaa7 rgb(221,218,167)
```
#e2dea2
```
#e2dea2 rgb(226,222,162)
```
#e7e29d
```
#e7e29d rgb(231,226,157)
```
#ebe699
```
#ebe699 rgb(235,230,153)
```
#f0ea94
```
#f0ea94 rgb(240,234,148)
```
#f5ee8f
```
#f5ee8f rgb(245,238,143)
```
#f9f28b
```
#f9f28b rgb(249,242,139)
```
#fef686
```
#fef686 rgb(254,246,134)
```

Tone Color Variation

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

#ececec Achromatopsia 0.005% of the population
#f0eed8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff2c6 Protanopia 1% of men
#fff0e1 Deuteranopia 1% of men
#ffeef6 Tritanopia 0.001% of the population

Trichromacy

#fef3af Protanomaly 1% of men, 0.01% of women
#fef2c0 Deuteranomaly 6% of men, 0.4% of women
#fef1cd Tritanomaly 0.01% of the population

#fef686 hex color

#fef686 Color Information

#fef686 Color Conversion

Color Schemes with #fef686

Alternatives to #fef686

#fef686 Preview

Shades and Tints of #fef686

Tones of #fef686

Color Blindness Simulator