#fec300 hex color

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

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

● #fec300 color description : Pure (or mostly pure) yellow.

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

Hex triplet	fec300	`#fec300`
RGB Decimal	254, 195, 0	`rgb(254,195,0)`
RGB Percent	99.6, 76.5, 0	`rgb(99.6%,76.5%,0%)`
CMYK	0, 23, 100, 0
HSL	46.1°, 100, 49.8	`hsl(46.1,100%,49.8%)`
HSV (or HSB)	46.1°, 100, 99.6
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	81.895, 7.883, 83.574
XYZ	60.389, 60.104, 8.421
xyY	0.468, 0.466, 60.104
CIE-LCH	81.895, 83.945, 84.611
CIE-LUV	81.895, 49.874, 84.753
Hunter-Lab	77.527, 3.37, 47.829
Binary	11111110, 11000011, 00000000

#fec300
```
#fec300 rgb(254,195,0)
```
#003bfe
```
#003bfe rgb(0,59,254)
```

Complementary Color

#fe4400
```
#fe4400 rgb(254,68,0)
```
#fec300
```
#fec300 rgb(254,195,0)
```
#bafe00
```
#bafe00 rgb(186,254,0)
```

Analogous Color

#4400fe
```
#4400fe rgb(68,0,254)
```
#fec300
```
#fec300 rgb(254,195,0)
```
#00bafe
```
#00bafe rgb(0,186,254)
```

Split Complementary Color

#c300fe
```
#c300fe rgb(195,0,254)
```
#fec300
```
#fec300 rgb(254,195,0)
```
#00fec3
```
#00fec3 rgb(0,254,195)
```

Triadic Color

#fe003b
```
#fe003b rgb(254,0,59)
```
#fec300
```
#fec300 rgb(254,195,0)
```
#00fec3
```
#00fec3 rgb(0,254,195)
```
#003bfe
```
#003bfe rgb(0,59,254)
```

Tetradic Color

#b28800
```
#b28800 rgb(178,136,0)
```
#cb9c00
```
#cb9c00 rgb(203,156,0)
```
#e5af00
```
#e5af00 rgb(229,175,0)
```
#fec300
```
#fec300 rgb(254,195,0)
```
#ffc919
```
#ffc919 rgb(255,201,25)
```
#ffcf32
```
#ffcf32 rgb(255,207,50)
```
#ffd54c
```
#ffd54c rgb(255,213,76)
```

Monochromatic Color

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

#fe8400
```
#fe8400 rgb(254,132,0)
```
#fe9900
```
#fe9900 rgb(254,153,0)
```
#feae00
```
#feae00 rgb(254,174,0)
```
#fec300
```
#fec300 rgb(254,195,0)
```
#fed800
```
#fed800 rgb(254,216,0)
```
#feed00
```
#feed00 rgb(254,237,0)
```
#fafe00
```
#fafe00 rgb(250,254,0)
```

Similar Colors

Text with hexadecimal color #fec300

This text has a font color of #fec300.

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

#fec300 background color

This paragraph has a background color of #fec300.

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

#fec300 border color

This element has a border color of #fec300.

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

CSS codes

.text {color:#fec300;}

.background {background-color:#fec300;}

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

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)
```
#3a2c00
```
#3a2c00 rgb(58,44,0)
```
#4d3b00
```
#4d3b00 rgb(77,59,0)
```
#614b00
```
#614b00 rgb(97,75,0)
```
#755a00
```
#755a00 rgb(117,90,0)
```
#886900
```
#886900 rgb(136,105,0)
```
#9c7800
```
#9c7800 rgb(156,120,0)
```
#b08700
```
#b08700 rgb(176,135,0)
```
#c39600
```
#c39600 rgb(195,150,0)
```
#d7a500
```
#d7a500 rgb(215,165,0)
```
#eab400
```
#eab400 rgb(234,180,0)
```
#fec300
```
#fec300 rgb(254,195,0)
```

Shade Color Variation

#ffc813
```
#ffc813 rgb(255,200,19)
```
#ffcd26
```
#ffcd26 rgb(255,205,38)
```
#ffd13a
```
#ffd13a rgb(255,209,58)
```
#ffd64d
```
#ffd64d rgb(255,214,77)
```
#ffda61
```
#ffda61 rgb(255,218,97)
```
#ffdf75
```
#ffdf75 rgb(255,223,117)
```
#ffe388
```
#ffe388 rgb(255,227,136)
```
#ffe89c
```
#ffe89c rgb(255,232,156)
```
#ffedb0
```
#ffedb0 rgb(255,237,176)
```
#fff1c3
```
#fff1c3 rgb(255,241,195)
```
#fff6d7
```
#fff6d7 rgb(255,246,215)
```
#fffaea
```
#fffaea rgb(255,250,234)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#898475
```
#898475 rgb(137,132,117)
```
#93896b
```
#93896b rgb(147,137,107)
```
#9c8f62
```
#9c8f62 rgb(156,143,98)
```
#a69458
```
#a69458 rgb(166,148,88)
```
#b0994e
```
#b0994e rgb(176,153,78)
```
#ba9e44
```
#ba9e44 rgb(186,158,68)
```
#c3a43b
```
#c3a43b rgb(195,164,59)
```
#cda931
```
#cda931 rgb(205,169,49)
```
#d7ae27
```
#d7ae27 rgb(215,174,39)
```
#e1b31d
```
#e1b31d rgb(225,179,29)
```
#eab914
```
#eab914 rgb(234,185,20)
```
#f4be0a
```
#f4be0a rgb(244,190,10)
```
#fec300
```
#fec300 rgb(254,195,0)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#cbbf98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7ce0f Protanopia 1% of men
#ffc545 Deuteranopia 1% of men
#ffbcc7 Tritanopia 0.001% of the population

Trichromacy

#efca0a Protanomaly 1% of men, 0.01% of women
#fec42c Deuteranomaly 6% of men, 0.4% of women
#febf7e Tritanomaly 0.01% of the population

#fec300 hex color

#fec300 Color Information

#fec300 Color Conversion

Color Schemes with #fec300

Alternatives to #fec300

#fec300 Preview

Shades and Tints of #fec300

Tones of #fec300

Color Blindness Simulator