#fec22a hex color

In a RGB color space, hex #fec22a is composed of 99.6% red, 76.1% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.6% magenta, 83.5% yellow and 0.4% black. It has a hue angle of 43 degrees, a saturation of 99.1% and a lightness of 58%. #fec22a color hex could be obtained by blending #ffff54 with #fd8500. Closest websafe color is: #ffcc33.

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

● #fec22a color description : Bright orange.

The hexadecimal color #fec22a has RGB values of R:254, G:194, B:42 and CMYK values of C:0, M:0.24, Y:0.83, K:0. Its decimal value is 16695850.

Hex triplet	fec22a	`#fec22a`
RGB Decimal	254, 194, 42	`rgb(254,194,42)`
RGB Percent	99.6, 76.1, 16.5	`rgb(99.6%,76.1%,16.5%)`
CMYK	0, 24, 83, 0
HSL	43°, 99.1, 58	`hsl(43,99.1%,58%)`
HSV (or HSB)	43°, 83.5, 99.6
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	81.743, 8.999, 76.671
XYZ	60.584, 59.825, 10.547
xyY	0.463, 0.457, 59.825
CIE-LCH	81.743, 77.197, 83.305
CIE-LUV	81.743, 49.991, 80.493
Hunter-Lab	77.347, 4.459, 46.058
Binary	11111110, 11000010, 00101010

#fec22a
```
#fec22a rgb(254,194,42)
```
#2a66fe
```
#2a66fe rgb(42,102,254)
```

Complementary Color

#fe582a
```
#fe582a rgb(254,88,42)
```
#fec22a
```
#fec22a rgb(254,194,42)
```
#d0fe2a
```
#d0fe2a rgb(208,254,42)
```

Analogous Color

#582afe
```
#582afe rgb(88,42,254)
```
#fec22a
```
#fec22a rgb(254,194,42)
```
#2ad0fe
```
#2ad0fe rgb(42,208,254)
```

Split Complementary Color

#c22afe
```
#c22afe rgb(194,42,254)
```
#fec22a
```
#fec22a rgb(254,194,42)
```
#2afec2
```
#2afec2 rgb(42,254,194)
```

Triadic Color

#fe2a66
```
#fe2a66 rgb(254,42,102)
```
#fec22a
```
#fec22a rgb(254,194,42)
```
#2afec2
```
#2afec2 rgb(42,254,194)
```
#2a66fe
```
#2a66fe rgb(42,102,254)
```

Tetradic Color

#da9d01
```
#da9d01 rgb(218,157,1)
```
#f4af01
```
#f4af01 rgb(244,175,1)
```
#febb11
```
#febb11 rgb(254,187,17)
```
#fec22a
```
#fec22a rgb(254,194,42)
```
#fec943
```
#fec943 rgb(254,201,67)
```
#fed15d
```
#fed15d rgb(254,209,93)
```
#fed876
```
#fed876 rgb(254,216,118)
```

Monochromatic Color

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

#fe8d2a
```
#fe8d2a rgb(254,141,42)
```
#fe9f2a
```
#fe9f2a rgb(254,159,42)
```
#feb02a
```
#feb02a rgb(254,176,42)
```
#fec22a
```
#fec22a rgb(254,194,42)
```
#fed42a
```
#fed42a rgb(254,212,42)
```
#fee52a
```
#fee52a rgb(254,229,42)
```
#fef72a
```
#fef72a rgb(254,247,42)
```

Similar Colors

Text with hexadecimal color #fec22a

This text has a font color of #fec22a.

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

#fec22a background color

This paragraph has a background color of #fec22a.

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

#fec22a border color

This element has a border color of #fec22a.

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

CSS codes

.text {color:#fec22a;}

.background {background-color:#fec22a;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#150f00
```
#150f00 rgb(21,15,0)
```
#291d00
```
#291d00 rgb(41,29,0)
```
#3c2b00
```
#3c2b00 rgb(60,43,0)
```
#503900
```
#503900 rgb(80,57,0)
```
#634700
```
#634700 rgb(99,71,0)
```
#775501
```
#775501 rgb(119,85,1)
```
#8a6301
```
#8a6301 rgb(138,99,1)
```
#9e7101
```
#9e7101 rgb(158,113,1)
```
#b17f01
```
#b17f01 rgb(177,127,1)
```
#c58e01
```
#c58e01 rgb(197,142,1)
```
#d99c01
```
#d99c01 rgb(217,156,1)
```
#ecaa01
```
#ecaa01 rgb(236,170,1)
```

Shade Color Variation

#feb703
```
#feb703 rgb(254,183,3)
```
#febc16
```
#febc16 rgb(254,188,22)
```
#fec22a
```
#fec22a rgb(254,194,42)
```
#fec83e
```
#fec83e rgb(254,200,62)
```
#fecd51
```
#fecd51 rgb(254,205,81)
```
#fed365
```
#fed365 rgb(254,211,101)
```
#fed878
```
#fed878 rgb(254,216,120)
```
#fede8c
```
#fede8c rgb(254,222,140)
```
#ffe49f
```
#ffe49f rgb(255,228,159)
```
#ffe9b3
```
#ffe9b3 rgb(255,233,179)
```
#ffefc6
```
#ffefc6 rgb(255,239,198)
```
#fff4da
```
#fff4da rgb(255,244,218)
```
#fffaed
```
#fffaed rgb(255,250,237)
```

Tint Color Variation

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

#9b978d
```
#9b978d rgb(155,151,141)
```
#a39b85
```
#a39b85 rgb(163,155,133)
```
#ac9e7c
```
#ac9e7c rgb(172,158,124)
```
#b4a274
```
#b4a274 rgb(180,162,116)
```
#bca56c
```
#bca56c rgb(188,165,108)
```
#c4a964
```
#c4a964 rgb(196,169,100)
```
#cdad5b
```
#cdad5b rgb(205,173,91)
```
#d5b053
```
#d5b053 rgb(213,176,83)
```
#ddb44b
```
#ddb44b rgb(221,180,75)
```
#e5b743
```
#e5b743 rgb(229,183,67)
```
#eebb3a
```
#eebb3a rgb(238,187,58)
```
#f6be32
```
#f6be32 rgb(246,190,50)
```
#fec22a
```
#fec22a rgb(254,194,42)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#cfc3a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6ce37 Protanopia 1% of men
#ffc445 Deuteranopia 1% of men
#ffbcc6 Tritanopia 0.001% of the population

Trichromacy

#eec932 Protanomaly 1% of men, 0.01% of women
#fec33b Deuteranomaly 6% of men, 0.4% of women
#febe8d Tritanomaly 0.01% of the population

#fec22a hex color

#fec22a Color Information

#fec22a Color Conversion

Color Schemes with #fec22a

Alternatives to #fec22a

#fec22a Preview

Shades and Tints of #fec22a

Tones of #fec22a

Color Blindness Simulator