#fec314 hex color

In a RGB color space, hex #fec314 is composed of 99.6% red, 76.5% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.2% magenta, 92.1% yellow and 0.4% black. It has a hue angle of 44.9 degrees, a saturation of 99.2% and a lightness of 53.7%. #fec314 color hex could be obtained by blending #ffff28 with #fd8700. Closest websafe color is: #ffcc00.

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

● #fec314 color description : Vivid orange.

The hexadecimal color #fec314 has RGB values of R:254, G:195, B:20 and CMYK values of C:0, M:0.23, Y:0.92, K:0. Its decimal value is 16696084.

Hex triplet	fec314	`#fec314`
RGB Decimal	254, 195, 20	`rgb(254,195,20)`
RGB Percent	99.6, 76.5, 7.8	`rgb(99.6%,76.5%,7.8%)`
CMYK	0, 23, 92, 0
HSL	44.9°, 99.2, 53.7	`hsl(44.9,99.2%,53.7%)`
HSV (or HSB)	44.9°, 92.1, 99.6
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	81.922, 8.065, 81.435
XYZ	60.516, 60.155, 9.086
xyY	0.466, 0.464, 60.155
CIE-LCH	81.922, 81.833, 84.344
CIE-LUV	81.922, 49.676, 83.573
Hunter-Lab	77.56, 3.545, 47.346
Binary	11111110, 11000011, 00010100

#fec314
```
#fec314 rgb(254,195,20)
```
#144ffe
```
#144ffe rgb(20,79,254)
```

Complementary Color

#fe4e14
```
#fe4e14 rgb(254,78,20)
```
#fec314
```
#fec314 rgb(254,195,20)
```
#c4fe14
```
#c4fe14 rgb(196,254,20)
```

Analogous Color

#4e14fe
```
#4e14fe rgb(78,20,254)
```
#fec314
```
#fec314 rgb(254,195,20)
```
#14c4fe
```
#14c4fe rgb(20,196,254)
```

Split Complementary Color

#c314fe
```
#c314fe rgb(195,20,254)
```
#fec314
```
#fec314 rgb(254,195,20)
```
#14fec3
```
#14fec3 rgb(20,254,195)
```

Triadic Color

#fe144f
```
#fe144f rgb(254,20,79)
```
#fec314
```
#fec314 rgb(254,195,20)
```
#14fec3
```
#14fec3 rgb(20,254,195)
```
#144ffe
```
#144ffe rgb(20,79,254)
```

Tetradic Color

#c59301
```
#c59301 rgb(197,147,1)
```
#dea601
```
#dea601 rgb(222,166,1)
```
#f7b901
```
#f7b901 rgb(247,185,1)
```
#fec314
```
#fec314 rgb(254,195,20)
```
#fec92d
```
#fec92d rgb(254,201,45)
```
#fed047
```
#fed047 rgb(254,208,71)
```
#fed660
```
#fed660 rgb(254,214,96)
```

Monochromatic Color

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

#fe8914
```
#fe8914 rgb(254,137,20)
```
#fe9c14
```
#fe9c14 rgb(254,156,20)
```
#feb014
```
#feb014 rgb(254,176,20)
```
#fec314
```
#fec314 rgb(254,195,20)
```
#fed714
```
#fed714 rgb(254,215,20)
```
#feea14
```
#feea14 rgb(254,234,20)
```
#fefe14
```
#fefe14 rgb(254,254,20)
```

Similar Colors

Text with hexadecimal color #fec314

This text has a font color of #fec314.

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

#fec314 background color

This paragraph has a background color of #fec314.

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

#fec314 border color

This element has a border color of #fec314.

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

CSS codes

.text {color:#fec314;}

.background {background-color:#fec314;}

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

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, #130e00 is the darkest color, while #fffffe is the lightest one.

#130e00
```
#130e00 rgb(19,14,0)
```
#261d00
```
#261d00 rgb(38,29,0)
```
#3a2b00
```
#3a2b00 rgb(58,43,0)
```
#4e3a00
```
#4e3a00 rgb(78,58,0)
```
#614900
```
#614900 rgb(97,73,0)
```
#755700
```
#755700 rgb(117,87,0)
```
#886601
```
#886601 rgb(136,102,1)
```
#9c7501
```
#9c7501 rgb(156,117,1)
```
#af8301
```
#af8301 rgb(175,131,1)
```
#c39201
```
#c39201 rgb(195,146,1)
```
#d6a001
```
#d6a001 rgb(214,160,1)
```
#eaaf01
```
#eaaf01 rgb(234,175,1)
```
#fdbe01
```
#fdbe01 rgb(253,190,1)
```

Shade Color Variation

#fec314
```
#fec314 rgb(254,195,20)
```
#fec828
```
#fec828 rgb(254,200,40)
```
#fecd3b
```
#fecd3b rgb(254,205,59)
```
#fed24f
```
#fed24f rgb(254,210,79)
```
#fed762
```
#fed762 rgb(254,215,98)
```
#fedc76
```
#fedc76 rgb(254,220,118)
```
#fee189
```
#fee189 rgb(254,225,137)
```
#ffe69d
```
#ffe69d rgb(255,230,157)
```
#ffebb0
```
#ffebb0 rgb(255,235,176)
```
#fff0c4
```
#fff0c4 rgb(255,240,196)
```
#fff5d7
```
#fff5d7 rgb(255,245,215)
```
#fffaeb
```
#fffaeb rgb(255,250,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#918d81
```
#918d81 rgb(145,141,129)
```
#9a9278
```
#9a9278 rgb(154,146,120)
```
#a3966f
```
#a3966f rgb(163,150,111)
```
#ac9b66
```
#ac9b66 rgb(172,155,102)
```
#b59f5d
```
#b59f5d rgb(181,159,93)
```
#bea454
```
#bea454 rgb(190,164,84)
```
#c8a84a
```
#c8a84a rgb(200,168,74)
```
#d1ad41
```
#d1ad41 rgb(209,173,65)
```
#dab138
```
#dab138 rgb(218,177,56)
```
#e3b62f
```
#e3b62f rgb(227,182,47)
```
#ecba26
```
#ecba26 rgb(236,186,38)
```
#f5bf1d
```
#f5bf1d rgb(245,191,29)
```
#fec314
```
#fec314 rgb(254,195,20)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#cdc19e Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7ce23 Protanopia 1% of men
#ffc547 Deuteranopia 1% of men
#ffbdc7 Tritanopia 0.001% of the population

Trichromacy

#efca1d Protanomaly 1% of men, 0.01% of women
#fec434 Deuteranomaly 6% of men, 0.4% of women
#febf86 Tritanomaly 0.01% of the population

#fec314 hex color

#fec314 Color Information

#fec314 Color Conversion

Color Schemes with #fec314

Alternatives to #fec314

#fec314 Preview

Shades and Tints of #fec314

Tones of #fec314

Color Blindness Simulator