colorhexa.com

#fecc12 hex color

In a RGB color space, hex #fecc12 is composed of 99.6% red, 80% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 92.9% yellow and 0.4% black. It has a hue angle of 47.3 degrees, a saturation of 99.2% and a lightness of 53.3%. #fecc12 color hex could be obtained by blending #ffff24 with #fd9900. Closest websafe color is: #ffcc00.

- R 100
- G 80
- B 7
RGB color chart
- C 0
- M 20
- Y 93
- K 0
CMYK color chart

● #fecc12 color description : Vivid yellow.

The hexadecimal color #fecc12 has RGB values of R:254, G:204, B:18 and CMYK values of C:0, M:0.2, Y:0.93, K:0. Its decimal value is 16698386.

Hex triplet	fecc12	`#fecc12`
RGB Decimal	254, 204, 18	`rgb(254,204,18)`
RGB Percent	99.6, 80, 7.1	`rgb(99.6%,80%,7.1%)`
CMYK	0, 20, 93, 0
HSL	47.3°, 99.2, 53.3	`hsl(47.3,99.2%,53.3%)`
HSV (or HSB)	47.3°, 92.9, 99.6
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	84.123, 3.405, 83.339
XYZ	62.576, 64.303, 9.688
xyY	0.458, 0.471, 64.303
CIE-LCH	84.123, 83.409, 87.661
CIE-LUV	84.123, 42.813, 87.056
Hunter-Lab	80.189, -1.038, 48.969
Binary	11111110, 11001100, 00010010

#fecc12
```
#fecc12 rgb(254,204,18)
```
#1244fe
```
#1244fe rgb(18,68,254)
```

Complementary Color

#fe5612
```
#fe5612 rgb(254,86,18)
```
#fecc12
```
#fecc12 rgb(254,204,18)
```
#bafe12
```
#bafe12 rgb(186,254,18)
```

Analogous Color

#5612fe
```
#5612fe rgb(86,18,254)
```
#fecc12
```
#fecc12 rgb(254,204,18)
```
#12bafe
```
#12bafe rgb(18,186,254)
```

Split Complementary Color

#cc12fe
```
#cc12fe rgb(204,18,254)
```
#fecc12
```
#fecc12 rgb(254,204,18)
```
#12fecc
```
#12fecc rgb(18,254,204)
```

Triadic Color

#fe1244
```
#fe1244 rgb(254,18,68)
```
#fecc12
```
#fecc12 rgb(254,204,18)
```
#12fecc
```
#12fecc rgb(18,254,204)
```
#1244fe
```
#1244fe rgb(18,68,254)
```

Tetradic Color

#c39a01
```
#c39a01 rgb(195,154,1)
```
#dcae01
```
#dcae01 rgb(220,174,1)
```
#f5c201
```
#f5c201 rgb(245,194,1)
```
#fecc12
```
#fecc12 rgb(254,204,18)
```
#fed12b
```
#fed12b rgb(254,209,43)
```
#fed745
```
#fed745 rgb(254,215,69)
```
#fedc5e
```
#fedc5e rgb(254,220,94)
```

Monochromatic Color

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

#fe9112
```
#fe9112 rgb(254,145,18)
```
#fea512
```
#fea512 rgb(254,165,18)
```
#feb812
```
#feb812 rgb(254,184,18)
```
#fecc12
```
#fecc12 rgb(254,204,18)
```
#fee012
```
#fee012 rgb(254,224,18)
```
#fef312
```
#fef312 rgb(254,243,18)
```
#f5fe12
```
#f5fe12 rgb(245,254,18)
```

Similar Colors

Text with hexadecimal color #fecc12

This text has a font color of #fecc12.

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

#fecc12 background color

This paragraph has a background color of #fecc12.

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

#fecc12 border color

This element has a border color of #fecc12.

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

CSS codes

.text {color:#fecc12;}

.background {background-color:#fecc12;}

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

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, #110d00 is the darkest color, while #fffefc is the lightest one.

#110d00
```
#110d00 rgb(17,13,0)
```
#241d00
```
#241d00 rgb(36,29,0)
```
#382c00
```
#382c00 rgb(56,44,0)
```
#4c3c00
```
#4c3c00 rgb(76,60,0)
```
#5f4b00
```
#5f4b00 rgb(95,75,0)
```
#735a00
```
#735a00 rgb(115,90,0)
```
#866a01
```
#866a01 rgb(134,106,1)
```
#9a7901
```
#9a7901 rgb(154,121,1)
```
#ad8901
```
#ad8901 rgb(173,137,1)
```
#c19801
```
#c19801 rgb(193,152,1)
```
#d4a701
```
#d4a701 rgb(212,167,1)
```
#e8b701
```
#e8b701 rgb(232,183,1)
```
#fbc601
```
#fbc601 rgb(251,198,1)
```

Shade Color Variation

#fecc12
```
#fecc12 rgb(254,204,18)
```
#fed026
```
#fed026 rgb(254,208,38)
```
#fed439
```
#fed439 rgb(254,212,57)
```
#fed94d
```
#fed94d rgb(254,217,77)
```
#fedd60
```
#fedd60 rgb(254,221,96)
```
#fee174
```
#fee174 rgb(254,225,116)
```
#fee587
```
#fee587 rgb(254,229,135)
```
#ffe99b
```
#ffe99b rgb(255,233,155)
```
#ffeeae
```
#ffeeae rgb(255,238,174)
```
#fff2c2
```
#fff2c2 rgb(255,242,194)
```
#fff6d5
```
#fff6d5 rgb(255,246,213)
```
#fffae9
```
#fffae9 rgb(255,250,233)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#908d80
```
#908d80 rgb(144,141,128)
```
#999277
```
#999277 rgb(153,146,119)
```
#a2976e
```
#a2976e rgb(162,151,110)
```
#ac9d64
```
#ac9d64 rgb(172,157,100)
```
#b5a25b
```
#b5a25b rgb(181,162,91)
```
#bea752
```
#bea752 rgb(190,167,82)
```
#c7ac49
```
#c7ac49 rgb(199,172,73)
```
#d0b240
```
#d0b240 rgb(208,178,64)
```
#d9b737
```
#d9b737 rgb(217,183,55)
```
#e3bc2d
```
#e3bc2d rgb(227,188,45)
```
#ecc124
```
#ecc124 rgb(236,193,36)
```
#f5c71b
```
#f5c71b rgb(245,199,27)
```
#fecc12
```
#fecc12 rgb(254,204,18)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#d1c7a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd420 Protanopia 1% of men
#ffcc72 Deuteranopia 1% of men
#ffc5cf Tritanopia 0.001% of the population

Trichromacy

#f3d11b Protanomaly 1% of men, 0.01% of women
#fecc4f Deuteranomaly 6% of men, 0.4% of women
#fec78a Tritanomaly 0.01% of the population