#fec31e hex color

In a RGB color space, hex #fec31e is composed of 99.6% red, 76.5% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.2% magenta, 88.2% yellow and 0.4% black. It has a hue angle of 44.2 degrees, a saturation of 99.1% and a lightness of 55.7%. #fec31e color hex could be obtained by blending #ffff3c with #fd8700. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 100
- G 76
- B 12
RGB color chart
- C 0
- M 23
- Y 88
- K 0
CMYK color chart

● #fec31e color description : Vivid orange.

The hexadecimal color #fec31e has RGB values of R:254, G:195, B:30 and CMYK values of C:0, M:0.23, Y:0.88, K:0. Its decimal value is 16696094.

Hex triplet	fec31e	`#fec31e`
RGB Decimal	254, 195, 30	`rgb(254,195,30)`
RGB Percent	99.6, 76.5, 11.8	`rgb(99.6%,76.5%,11.8%)`
CMYK	0, 23, 88, 0
HSL	44.2°, 99.1, 55.7	`hsl(44.2,99.1%,55.7%)`
HSV (or HSB)	44.2°, 88.2, 99.6
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	81.946, 8.219, 79.688
XYZ	60.624, 60.198, 9.655
xyY	0.465, 0.461, 60.198
CIE-LCH	81.946, 80.11, 84.111
CIE-LUV	81.946, 49.508, 82.569
Hunter-Lab	77.587, 3.695, 46.933
Binary	11111110, 11000011, 00011110

#fec31e
```
#fec31e rgb(254,195,30)
```
#1e59fe
```
#1e59fe rgb(30,89,254)
```

Complementary Color

#fe531e
```
#fe531e rgb(254,83,30)
```
#fec31e
```
#fec31e rgb(254,195,30)
```
#c9fe1e
```
#c9fe1e rgb(201,254,30)
```

Analogous Color

#531efe
```
#531efe rgb(83,30,254)
```
#fec31e
```
#fec31e rgb(254,195,30)
```
#1ec9fe
```
#1ec9fe rgb(30,201,254)
```

Split Complementary Color

#c31efe
```
#c31efe rgb(195,30,254)
```
#fec31e
```
#fec31e rgb(254,195,30)
```
#1efec3
```
#1efec3 rgb(30,254,195)
```

Triadic Color

#fe1e59
```
#fe1e59 rgb(254,30,89)
```
#fec31e
```
#fec31e rgb(254,195,30)
```
#1efec3
```
#1efec3 rgb(30,254,195)
```
#1e59fe
```
#1e59fe rgb(30,89,254)
```

Tetradic Color

#cf9801
```
#cf9801 rgb(207,152,1)
```
#e8ab01
```
#e8ab01 rgb(232,171,1)
```
#febc05
```
#febc05 rgb(254,188,5)
```
#fec31e
```
#fec31e rgb(254,195,30)
```
#feca37
```
#feca37 rgb(254,202,55)
```
#fed151
```
#fed151 rgb(254,209,81)
```
#fed76a
```
#fed76a rgb(254,215,106)
```

Monochromatic Color

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

#fe8b1e
```
#fe8b1e rgb(254,139,30)
```
#fe9e1e
```
#fe9e1e rgb(254,158,30)
```
#feb01e
```
#feb01e rgb(254,176,30)
```
#fec31e
```
#fec31e rgb(254,195,30)
```
#fed61e
```
#fed61e rgb(254,214,30)
```
#fee81e
```
#fee81e rgb(254,232,30)
```
#fefb1e
```
#fefb1e rgb(254,251,30)
```

Similar Colors

Text with hexadecimal color #fec31e

This text has a font color of #fec31e.

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

#fec31e background color

This paragraph has a background color of #fec31e.

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

#fec31e border color

This element has a border color of #fec31e.

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

CSS codes

.text {color:#fec31e;}

.background {background-color:#fec31e;}

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

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

#090700
```
#090700 rgb(9,7,0)
```
#1d1500
```
#1d1500 rgb(29,21,0)
```
#302400
```
#302400 rgb(48,36,0)
```
#443200
```
#443200 rgb(68,50,0)
```
#574100
```
#574100 rgb(87,65,0)
```
#6b4f00
```
#6b4f00 rgb(107,79,0)
```
#7f5d01
```
#7f5d01 rgb(127,93,1)
```
#926c01
```
#926c01 rgb(146,108,1)
```
#a67a01
```
#a67a01 rgb(166,122,1)
```
#b98901
```
#b98901 rgb(185,137,1)
```
#cd9701
```
#cd9701 rgb(205,151,1)
```
#e0a501
```
#e0a501 rgb(224,165,1)
```
#f4b401
```
#f4b401 rgb(244,180,1)
```

Shade Color Variation

#febe0a
```
#febe0a rgb(254,190,10)
```
#fec31e
```
#fec31e rgb(254,195,30)
```
#fec832
```
#fec832 rgb(254,200,50)
```
#fecd45
```
#fecd45 rgb(254,205,69)
```
#fed359
```
#fed359 rgb(254,211,89)
```
#fed86c
```
#fed86c rgb(254,216,108)
```
#fedd80
```
#fedd80 rgb(254,221,128)
```
#ffe293
```
#ffe293 rgb(255,226,147)
```
#ffe7a7
```
#ffe7a7 rgb(255,231,167)
```
#ffedba
```
#ffedba rgb(255,237,186)
```
#fff2ce
```
#fff2ce rgb(255,242,206)
```
#fff7e1
```
#fff7e1 rgb(255,247,225)
```
#fffcf5
```
#fffcf5 rgb(255,252,245)
```

Tint Color Variation

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

#969286
```
#969286 rgb(150,146,134)
```
#9e967e
```
#9e967e rgb(158,150,126)
```
#a79a75
```
#a79a75 rgb(167,154,117)
```
#b09e6c
```
#b09e6c rgb(176,158,108)
```
#b8a264
```
#b8a264 rgb(184,162,100)
```
#c1a65b
```
#c1a65b rgb(193,166,91)
```
#caaa52
```
#caaa52 rgb(202,170,82)
```
#d3ae49
```
#d3ae49 rgb(211,174,73)
```
#dbb341
```
#dbb341 rgb(219,179,65)
```
#e4b738
```
#e4b738 rgb(228,183,56)
```
#edbb2f
```
#edbb2f rgb(237,187,47)
```
#f5bf27
```
#f5bf27 rgb(245,191,39)
```
#fec31e
```
#fec31e rgb(254,195,30)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#cec2a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7ce2c Protanopia 1% of men
#ffc549 Deuteranopia 1% of men
#ffbdc7 Tritanopia 0.001% of the population

Trichromacy

#efca27 Protanomaly 1% of men, 0.01% of women
#fec439 Deuteranomaly 6% of men, 0.4% of women
#febf89 Tritanomaly 0.01% of the population

#fec31e hex color

#fec31e Color Information

#fec31e Color Conversion

Color Schemes with #fec31e

Alternatives to #fec31e

#fec31e Preview

Shades and Tints of #fec31e

Tones of #fec31e

Color Blindness Simulator