#fed157 hex color

In a RGB color space, hex #fed157 is composed of 99.6% red, 82% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.7% magenta, 65.7% yellow and 0.4% black. It has a hue angle of 43.8 degrees, a saturation of 98.8% and a lightness of 66.9%. #fed157 color hex could be obtained by blending #ffffae with #fda300. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 100
- G 82
- B 34
RGB color chart
- C 0
- M 18
- Y 66
- K 0
CMYK color chart

● #fed157 color description : Soft orange.

The hexadecimal color #fed157 has RGB values of R:254, G:209, B:87 and CMYK values of C:0, M:0.18, Y:0.66, K:0. Its decimal value is 16699735.

Hex triplet	fed157	`#fed157`
RGB Decimal	254, 209, 87	`rgb(254,209,87)`
RGB Percent	99.6, 82, 34.1	`rgb(99.6%,82%,34.1%)`
CMYK	0, 18, 66, 0
HSL	43.8°, 98.8, 66.9	`hsl(43.8,98.8%,66.9%)`
HSV (or HSB)	43.8°, 65.7, 99.6
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	85.687, 3.101, 64.401
XYZ	65.395, 67.363, 18.574
xyY	0.432, 0.445, 67.363
CIE-LCH	85.687, 64.476, 87.244
CIE-LUV	85.687, 37.124, 75.126
Hunter-Lab	82.075, -1.408, 44.034
Binary	11111110, 11010001, 01010111

#fed157
```
#fed157 rgb(254,209,87)
```
#5784fe
```
#5784fe rgb(87,132,254)
```

Complementary Color

#fe7e57
```
#fe7e57 rgb(254,126,87)
```
#fed157
```
#fed157 rgb(254,209,87)
```
#d8fe57
```
#d8fe57 rgb(216,254,87)
```

Analogous Color

#7e57fe
```
#7e57fe rgb(126,87,254)
```
#fed157
```
#fed157 rgb(254,209,87)
```
#57d8fe
```
#57d8fe rgb(87,216,254)
```

Split Complementary Color

#d157fe
```
#d157fe rgb(209,87,254)
```
#fed157
```
#fed157 rgb(254,209,87)
```
#57fed1
```
#57fed1 rgb(87,254,209)
```

Triadic Color

#fe5784
```
#fe5784 rgb(254,87,132)
```
#fed157
```
#fed157 rgb(254,209,87)
```
#57fed1
```
#57fed1 rgb(87,254,209)
```
#5784fe
```
#5784fe rgb(87,132,254)
```

Tetradic Color

#febc0b
```
#febc0b rgb(254,188,11)
```
#fec324
```
#fec324 rgb(254,195,36)
```
#feca3e
```
#feca3e rgb(254,202,62)
```
#fed157
```
#fed157 rgb(254,209,87)
```
#fed870
```
#fed870 rgb(254,216,112)
```
#fedf8a
```
#fedf8a rgb(254,223,138)
```
#fee6a3
```
#fee6a3 rgb(254,230,163)
```

Monochromatic Color

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

#fea757
```
#fea757 rgb(254,167,87)
```
#feb557
```
#feb557 rgb(254,181,87)
```
#fec357
```
#fec357 rgb(254,195,87)
```
#fed157
```
#fed157 rgb(254,209,87)
```
#fedf57
```
#fedf57 rgb(254,223,87)
```
#feed57
```
#feed57 rgb(254,237,87)
```
#fefb57
```
#fefb57 rgb(254,251,87)
```

Similar Colors

Text with hexadecimal color #fed157

This text has a font color of #fed157.

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

#fed157 background color

This paragraph has a background color of #fed157.

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

#fed157 border color

This element has a border color of #fed157.

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

CSS codes

.text {color:#fed157;}

.background {background-color:#fed157;}

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

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 #fffcf3 is the lightest one.

#070500
```
#070500 rgb(7,5,0)
```
#1b1400
```
#1b1400 rgb(27,20,0)
```
#2e2200
```
#2e2200 rgb(46,34,0)
```
#423000
```
#423000 rgb(66,48,0)
```
#553f01
```
#553f01 rgb(85,63,1)
```
#694d01
```
#694d01 rgb(105,77,1)
```
#7c5b01
```
#7c5b01 rgb(124,91,1)
```
#906901
```
#906901 rgb(144,105,1)
```
#a37801
```
#a37801 rgb(163,120,1)
```
#b78601
```
#b78601 rgb(183,134,1)
```
#ca9401
```
#ca9401 rgb(202,148,1)
```
#dea301
```
#dea301 rgb(222,163,1)
```
#f1b101
```
#f1b101 rgb(241,177,1)
```

Shade Color Variation

#febc09
```
#febc09 rgb(254,188,9)
```
#fec11d
```
#fec11d rgb(254,193,29)
```
#fec630
```
#fec630 rgb(254,198,48)
```
#fecc44
```
#fecc44 rgb(254,204,68)
```
#fed157
```
#fed157 rgb(254,209,87)
```
#fed66a
```
#fed66a rgb(254,214,106)
```
#fedc7e
```
#fedc7e rgb(254,220,126)
```
#fee191
```
#fee191 rgb(254,225,145)
```
#fee6a5
```
#fee6a5 rgb(254,230,165)
```
#ffecb8
```
#ffecb8 rgb(255,236,184)
```
#fff1cc
```
#fff1cc rgb(255,241,204)
```
#fff6df
```
#fff6df rgb(255,246,223)
```
#fffcf3
```
#fffcf3 rgb(255,252,243)
```

Tint Color Variation

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

#b0ada5
```
#b0ada5 rgb(176,173,165)
```
#b7b09f
```
#b7b09f rgb(183,176,159)
```
#bdb398
```
#bdb398 rgb(189,179,152)
```
#c4b692
```
#c4b692 rgb(196,182,146)
```
#cab98b
```
#cab98b rgb(202,185,139)
```
#d1bc85
```
#d1bc85 rgb(209,188,133)
```
#d7bf7e
```
#d7bf7e rgb(215,191,126)
```
#dec278
```
#dec278 rgb(222,194,120)
```
#e4c571
```
#e4c571 rgb(228,197,113)
```
#ebc86b
```
#ebc86b rgb(235,200,107)
```
#f1cb64
```
#f1cb64 rgb(241,203,100)
```
#f8ce5e
```
#f8ce5e rgb(248,206,94)
```
#fed157
```
#fed157 rgb(254,209,87)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#dad1b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd861 Protanopia 1% of men
#ffd08d Deuteranopia 1% of men
#ffcbd5 Tritanopia 0.001% of the population

Trichromacy

#f4d55d Protanomaly 1% of men, 0.01% of women
#fed079 Deuteranomaly 6% of men, 0.4% of women
#fecda7 Tritanomaly 0.01% of the population

#fed157 hex color

#fed157 Color Information

#fed157 Color Conversion

Color Schemes with #fed157

Alternatives to #fed157

#fed157 Preview

Shades and Tints of #fed157

Tones of #fed157

Color Blindness Simulator