#fec157 hex color

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

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

● #fec157 color description : Soft orange.

The hexadecimal color #fec157 has RGB values of R:254, G:193, B:87 and CMYK values of C:0, M:0.24, Y:0.66, K:0. Its decimal value is 16695639.

Hex triplet	fec157	`#fec157`
RGB Decimal	254, 193, 87	`rgb(254,193,87)`
RGB Percent	99.6, 75.7, 34.1	`rgb(99.6%,75.7%,34.1%)`
CMYK	0, 24, 66, 0
HSL	38.1°, 98.8, 66.9	`hsl(38.1,98.8%,66.9%)`
HSV (or HSB)	38.1°, 65.7, 99.6
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	81.785, 11.361, 60.206
XYZ	61.664, 59.902, 17.331
xyY	0.444, 0.431, 59.902
CIE-LCH	81.785, 61.269, 79.314
CIE-LUV	81.785, 48.745, 68.354
Hunter-Lab	77.396, 6.773, 40.901
Binary	11111110, 11000001, 01010111

#fec157
```
#fec157 rgb(254,193,87)
```
#5794fe
```
#5794fe rgb(87,148,254)
```

Complementary Color

#fe6e57
```
#fe6e57 rgb(254,110,87)
```
#fec157
```
#fec157 rgb(254,193,87)
```
#e8fe57
```
#e8fe57 rgb(232,254,87)
```

Analogous Color

#6e57fe
```
#6e57fe rgb(110,87,254)
```
#fec157
```
#fec157 rgb(254,193,87)
```
#57e8fe
```
#57e8fe rgb(87,232,254)
```

Split Complementary Color

#c157fe
```
#c157fe rgb(193,87,254)
```
#fec157
```
#fec157 rgb(254,193,87)
```
#57fec1
```
#57fec1 rgb(87,254,193)
```

Triadic Color

#fe5794
```
#fe5794 rgb(254,87,148)
```
#fec157
```
#fec157 rgb(254,193,87)
```
#57fec1
```
#57fec1 rgb(87,254,193)
```
#5794fe
```
#5794fe rgb(87,148,254)
```

Tetradic Color

#fea50b
```
#fea50b rgb(254,165,11)
```
#feae24
```
#feae24 rgb(254,174,36)
```
#feb83e
```
#feb83e rgb(254,184,62)
```
#fec157
```
#fec157 rgb(254,193,87)
```
#feca70
```
#feca70 rgb(254,202,112)
```
#fed48a
```
#fed48a rgb(254,212,138)
```
#fedda3
```
#fedda3 rgb(254,221,163)
```

Monochromatic Color

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

#fe9757
```
#fe9757 rgb(254,151,87)
```
#fea557
```
#fea557 rgb(254,165,87)
```
#feb357
```
#feb357 rgb(254,179,87)
```
#fec157
```
#fec157 rgb(254,193,87)
```
#fecf57
```
#fecf57 rgb(254,207,87)
```
#fedd57
```
#fedd57 rgb(254,221,87)
```
#feeb57
```
#feeb57 rgb(254,235,87)
```

Similar Colors

Text with hexadecimal color #fec157

This text has a font color of #fec157.

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

#fec157 background color

This paragraph has a background color of #fec157.

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

#fec157 border color

This element has a border color of #fec157.

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

CSS codes

.text {color:#fec157;}

.background {background-color:#fec157;}

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

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

#070500
```
#070500 rgb(7,5,0)
```
#1b1100
```
#1b1100 rgb(27,17,0)
```
#2e1e00
```
#2e1e00 rgb(46,30,0)
```
#422a00
```
#422a00 rgb(66,42,0)
```
#553601
```
#553601 rgb(85,54,1)
```
#694301
```
#694301 rgb(105,67,1)
```
#7c4f01
```
#7c4f01 rgb(124,79,1)
```
#905c01
```
#905c01 rgb(144,92,1)
```
#a36801
```
#a36801 rgb(163,104,1)
```
#b77501
```
#b77501 rgb(183,117,1)
```
#ca8101
```
#ca8101 rgb(202,129,1)
```
#de8d01
```
#de8d01 rgb(222,141,1)
```
#f19a01
```
#f19a01 rgb(241,154,1)
```

Shade Color Variation

#fea409
```
#fea409 rgb(254,164,9)
```
#feab1d
```
#feab1d rgb(254,171,29)
```
#feb330
```
#feb330 rgb(254,179,48)
```
#feba44
```
#feba44 rgb(254,186,68)
```
#fec157
```
#fec157 rgb(254,193,87)
```
#fec86a
```
#fec86a rgb(254,200,106)
```
#fecf7e
```
#fecf7e rgb(254,207,126)
```
#fed791
```
#fed791 rgb(254,215,145)
```
#fedea5
```
#fedea5 rgb(254,222,165)
```
#ffe5b8
```
#ffe5b8 rgb(255,229,184)
```
#ffeccc
```
#ffeccc rgb(255,236,204)
```
#fff3df
```
#fff3df rgb(255,243,223)
```
#fffbf3
```
#fffbf3 rgb(255,251,243)
```

Tint Color Variation

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

#b0aca5
```
#b0aca5 rgb(176,172,165)
```
#b7ae9f
```
#b7ae9f rgb(183,174,159)
```
#bdaf98
```
#bdaf98 rgb(189,175,152)
```
#c4b192
```
#c4b192 rgb(196,177,146)
```
#cab38b
```
#cab38b rgb(202,179,139)
```
#d1b585
```
#d1b585 rgb(209,181,133)
```
#d7b67e
```
#d7b67e rgb(215,182,126)
```
#deb878
```
#deb878 rgb(222,184,120)
```
#e4ba71
```
#e4ba71 rgb(228,186,113)
```
#ebbc6b
```
#ebbc6b rgb(235,188,107)
```
#f1bd64
```
#f1bd64 rgb(241,189,100)
```
#f8bf5e
```
#f8bf5e rgb(248,191,94)
```
#fec157
```
#fec157 rgb(254,193,87)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#d2c6b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3ce62 Protanopia 1% of men
#fdc45f Deuteranopia 1% of men
#ffbcc7 Tritanopia 0.001% of the population

Trichromacy

#edc95e Protanomaly 1% of men, 0.01% of women
#fdc35c Deuteranomaly 6% of men, 0.4% of women
#febe9e Tritanomaly 0.01% of the population

#fec157 hex color

#fec157 Color Information

#fec157 Color Conversion

Color Schemes with #fec157

Alternatives to #fec157

#fec157 Preview

Shades and Tints of #fec157

Tones of #fec157

Color Blindness Simulator