#fec158 hex color

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

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

● #fec158 color description : Soft orange.

The hexadecimal color #fec158 has RGB values of R:254, G:193, B:88 and CMYK values of C:0, M:0.24, Y:0.65, K:0. Its decimal value is 16695640.

Hex triplet	fec158	`#fec158`
RGB Decimal	254, 193, 88	`rgb(254,193,88)`
RGB Percent	99.6, 75.7, 34.5	`rgb(99.6%,75.7%,34.5%)`
CMYK	0, 24, 65, 0
HSL	38°, 98.8, 67.1	`hsl(38,98.8%,67.1%)`
HSV (or HSB)	38°, 65.4, 99.6
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	81.794, 11.418, 59.772
XYZ	61.705, 59.919, 17.547
xyY	0.443, 0.431, 59.919
CIE-LCH	81.794, 60.853, 79.185
CIE-LUV	81.794, 48.683, 67.993
Hunter-Lab	77.407, 6.83, 40.744
Binary	11111110, 11000001, 01011000

#fec158
```
#fec158 rgb(254,193,88)
```
#5895fe
```
#5895fe rgb(88,149,254)
```

Complementary Color

#fe6e58
```
#fe6e58 rgb(254,110,88)
```
#fec158
```
#fec158 rgb(254,193,88)
```
#e8fe58
```
#e8fe58 rgb(232,254,88)
```

Analogous Color

#6e58fe
```
#6e58fe rgb(110,88,254)
```
#fec158
```
#fec158 rgb(254,193,88)
```
#58e8fe
```
#58e8fe rgb(88,232,254)
```

Split Complementary Color

#c158fe
```
#c158fe rgb(193,88,254)
```
#fec158
```
#fec158 rgb(254,193,88)
```
#58fec1
```
#58fec1 rgb(88,254,193)
```

Triadic Color

#fe5895
```
#fe5895 rgb(254,88,149)
```
#fec158
```
#fec158 rgb(254,193,88)
```
#58fec1
```
#58fec1 rgb(88,254,193)
```
#5895fe
```
#5895fe rgb(88,149,254)
```

Tetradic Color

#fea50c
```
#fea50c rgb(254,165,12)
```
#feae25
```
#feae25 rgb(254,174,37)
```
#feb83f
```
#feb83f rgb(254,184,63)
```
#fec158
```
#fec158 rgb(254,193,88)
```
#feca71
```
#feca71 rgb(254,202,113)
```
#fed48b
```
#fed48b rgb(254,212,139)
```
#fedda4
```
#fedda4 rgb(254,221,164)
```

Monochromatic Color

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

#fe9858
```
#fe9858 rgb(254,152,88)
```
#fea558
```
#fea558 rgb(254,165,88)
```
#feb358
```
#feb358 rgb(254,179,88)
```
#fec158
```
#fec158 rgb(254,193,88)
```
#fecf58
```
#fecf58 rgb(254,207,88)
```
#fedd58
```
#fedd58 rgb(254,221,88)
```
#feeb58
```
#feeb58 rgb(254,235,88)
```

Similar Colors

Text with hexadecimal color #fec158

This text has a font color of #fec158.

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

#fec158 background color

This paragraph has a background color of #fec158.

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

#fec158 border color

This element has a border color of #fec158.

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

CSS codes

.text {color:#fec158;}

.background {background-color:#fec158;}

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

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, #080500 is the darkest color, while #fffbf4 is the lightest one.

#080500
```
#080500 rgb(8,5,0)
```
#1c1200
```
#1c1200 rgb(28,18,0)
```
#2f1e00
```
#2f1e00 rgb(47,30,0)
```
#432b00
```
#432b00 rgb(67,43,0)
```
#563701
```
#563701 rgb(86,55,1)
```
#6a4301
```
#6a4301 rgb(106,67,1)
```
#7d5001
```
#7d5001 rgb(125,80,1)
```
#915c01
```
#915c01 rgb(145,92,1)
```
#a46801
```
#a46801 rgb(164,104,1)
```
#b87501
```
#b87501 rgb(184,117,1)
```
#cb8101
```
#cb8101 rgb(203,129,1)
```
#df8e01
```
#df8e01 rgb(223,142,1)
```
#f29a01
```
#f29a01 rgb(242,154,1)
```

Shade Color Variation

#fea40a
```
#fea40a rgb(254,164,10)
```
#feab1e
```
#feab1e rgb(254,171,30)
```
#feb331
```
#feb331 rgb(254,179,49)
```
#feba45
```
#feba45 rgb(254,186,69)
```
#fec158
```
#fec158 rgb(254,193,88)
```
#fec86b
```
#fec86b rgb(254,200,107)
```
#fecf7f
```
#fecf7f rgb(254,207,127)
```
#fed792
```
#fed792 rgb(254,215,146)
```
#fedea6
```
#fedea6 rgb(254,222,166)
```
#ffe5b9
```
#ffe5b9 rgb(255,229,185)
```
#ffeccd
```
#ffeccd rgb(255,236,205)
```
#fff4e0
```
#fff4e0 rgb(255,244,224)
```
#fffbf4
```
#fffbf4 rgb(255,251,244)
```

Tint Color Variation

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

#b0aca6
```
#b0aca6 rgb(176,172,166)
```
#b7ae9f
```
#b7ae9f rgb(183,174,159)
```
#bdb099
```
#bdb099 rgb(189,176,153)
```
#c4b292
```
#c4b292 rgb(196,178,146)
```
#cab38c
```
#cab38c rgb(202,179,140)
```
#d1b585
```
#d1b585 rgb(209,181,133)
```
#d7b77f
```
#d7b77f rgb(215,183,127)
```
#deb878
```
#deb878 rgb(222,184,120)
```
#e4ba72
```
#e4ba72 rgb(228,186,114)
```
#ebbc6b
```
#ebbc6b rgb(235,188,107)
```
#f1be65
```
#f1be65 rgb(241,190,101)
```
#f8bf5e
```
#f8bf5e rgb(248,191,94)
```
#fec158
```
#fec158 rgb(254,193,88)
```

Tone Color Variation

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

#e3ce63 Protanopia 1% of men
#fcc460 Deuteranopia 1% of men
#ffbcc7 Tritanopia 0.001% of the population

Trichromacy

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

#fec158 hex color

#fec158 Color Information

#fec158 Color Conversion

Color Schemes with #fec158

Alternatives to #fec158

#fec158 Preview

Shades and Tints of #fec158

Tones of #fec158

Color Blindness Simulator