#fec30c hex color

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

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

● #fec30c color description : Vivid yellow.

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

Hex triplet	fec30c	`#fec30c`
RGB Decimal	254, 195, 12	`rgb(254,195,12)`
RGB Percent	99.6, 76.5, 4.7	`rgb(99.6%,76.5%,4.7%)`
CMYK	0, 23, 95, 0
HSL	45.4°, 99.2, 52.2	`hsl(45.4,99.2%,52.2%)`
HSV (or HSB)	45.4°, 95.3, 99.6
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	81.909, 7.979, 82.436
XYZ	60.456, 60.131, 8.77
xyY	0.467, 0.465, 60.131
CIE-LCH	81.909, 82.821, 84.472
CIE-LUV	81.909, 49.77, 84.132
Hunter-Lab	77.544, 3.462, 47.575
Binary	11111110, 11000011, 00001100

#fec30c
```
#fec30c rgb(254,195,12)
```
#0c47fe
```
#0c47fe rgb(12,71,254)
```

Complementary Color

#fe4a0c
```
#fe4a0c rgb(254,74,12)
```
#fec30c
```
#fec30c rgb(254,195,12)
```
#c0fe0c
```
#c0fe0c rgb(192,254,12)
```

Analogous Color

#4a0cfe
```
#4a0cfe rgb(74,12,254)
```
#fec30c
```
#fec30c rgb(254,195,12)
```
#0cc0fe
```
#0cc0fe rgb(12,192,254)
```

Split Complementary Color

#c30cfe
```
#c30cfe rgb(195,12,254)
```
#fec30c
```
#fec30c rgb(254,195,12)
```
#0cfec3
```
#0cfec3 rgb(12,254,195)
```

Triadic Color

#fe0c47
```
#fe0c47 rgb(254,12,71)
```
#fec30c
```
#fec30c rgb(254,195,12)
```
#0cfec3
```
#0cfec3 rgb(12,254,195)
```
#0c47fe
```
#0c47fe rgb(12,71,254)
```

Tetradic Color

#bd8f01
```
#bd8f01 rgb(189,143,1)
```
#d6a201
```
#d6a201 rgb(214,162,1)
```
#f0b501
```
#f0b501 rgb(240,181,1)
```
#fec30c
```
#fec30c rgb(254,195,12)
```
#fec925
```
#fec925 rgb(254,201,37)
```
#fed03f
```
#fed03f rgb(254,208,63)
```
#fed658
```
#fed658 rgb(254,214,88)
```

Monochromatic Color

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

#fe870c
```
#fe870c rgb(254,135,12)
```
#fe9b0c
```
#fe9b0c rgb(254,155,12)
```
#feaf0c
```
#feaf0c rgb(254,175,12)
```
#fec30c
```
#fec30c rgb(254,195,12)
```
#fed70c
```
#fed70c rgb(254,215,12)
```
#feeb0c
```
#feeb0c rgb(254,235,12)
```
#fdfe0c
```
#fdfe0c rgb(253,254,12)
```

Similar Colors

Text with hexadecimal color #fec30c

This text has a font color of #fec30c.

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

#fec30c background color

This paragraph has a background color of #fec30c.

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

#fec30c border color

This element has a border color of #fec30c.

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

CSS codes

.text {color:#fec30c;}

.background {background-color:#fec30c;}

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

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, #0b0800 is the darkest color, while #fffdf6 is the lightest one.

#0b0800
```
#0b0800 rgb(11,8,0)
```
#1e1700
```
#1e1700 rgb(30,23,0)
```
#322600
```
#322600 rgb(50,38,0)
```
#463500
```
#463500 rgb(70,53,0)
```
#594300
```
#594300 rgb(89,67,0)
```
#6d5200
```
#6d5200 rgb(109,82,0)
```
#806101
```
#806101 rgb(128,97,1)
```
#947001
```
#947001 rgb(148,112,1)
```
#a77f01
```
#a77f01 rgb(167,127,1)
```
#bb8d01
```
#bb8d01 rgb(187,141,1)
```
#ce9c01
```
#ce9c01 rgb(206,156,1)
```
#e2ab01
```
#e2ab01 rgb(226,171,1)
```
#f5ba01
```
#f5ba01 rgb(245,186,1)
```

Shade Color Variation

#fec30c
```
#fec30c rgb(254,195,12)
```
#fec820
```
#fec820 rgb(254,200,32)
```
#fecd33
```
#fecd33 rgb(254,205,51)
```
#fed147
```
#fed147 rgb(254,209,71)
```
#fed65a
```
#fed65a rgb(254,214,90)
```
#fedb6e
```
#fedb6e rgb(254,219,110)
```
#fee081
```
#fee081 rgb(254,224,129)
```
#ffe595
```
#ffe595 rgb(255,229,149)
```
#ffeaa8
```
#ffeaa8 rgb(255,234,168)
```
#ffeebc
```
#ffeebc rgb(255,238,188)
```
#fff3cf
```
#fff3cf rgb(255,243,207)
```
#fff8e3
```
#fff8e3 rgb(255,248,227)
```
#fffdf6
```
#fffdf6 rgb(255,253,246)
```

Tint Color Variation

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

#8d897d
```
#8d897d rgb(141,137,125)
```
#978e73
```
#978e73 rgb(151,142,115)
```
#a0936a
```
#a0936a rgb(160,147,106)
```
#aa9860
```
#aa9860 rgb(170,152,96)
```
#b39d57
```
#b39d57 rgb(179,157,87)
```
#bca14e
```
#bca14e rgb(188,161,78)
```
#c6a644
```
#c6a644 rgb(198,166,68)
```
#cfab3b
```
#cfab3b rgb(207,171,59)
```
#d8b032
```
#d8b032 rgb(216,176,50)
```
#e2b528
```
#e2b528 rgb(226,181,40)
```
#ebb91f
```
#ebb91f rgb(235,185,31)
```
#f5be15
```
#f5be15 rgb(245,190,21)
```
#fec30c
```
#fec30c rgb(254,195,12)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#ccc19c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7ce1c Protanopia 1% of men
#ffc546 Deuteranopia 1% of men
#ffbdc7 Tritanopia 0.001% of the population

Trichromacy

#efca16 Protanomaly 1% of men, 0.01% of women
#fec431 Deuteranomaly 6% of men, 0.4% of women
#febf83 Tritanomaly 0.01% of the population

#fec30c hex color

#fec30c Color Information

#fec30c Color Conversion

Color Schemes with #fec30c

Alternatives to #fec30c

#fec30c Preview

Shades and Tints of #fec30c

Tones of #fec30c

Color Blindness Simulator