#fec21f hex color

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

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

● #fec21f color description : Vivid orange.

The hexadecimal color #fec21f has RGB values of R:254, G:194, B:31 and CMYK values of C:0, M:0.24, Y:0.88, K:0. Its decimal value is 16695839.

Hex triplet	fec21f	`#fec21f`
RGB Decimal	254, 194, 31	`rgb(254,194,31)`
RGB Percent	99.6, 76.1, 12.2	`rgb(99.6%,76.1%,12.2%)`
CMYK	0, 24, 88, 0
HSL	43.9°, 99.1, 55.9	`hsl(43.9,99.1%,55.9%)`
HSV (or HSB)	43.9°, 87.8, 99.6
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	81.706, 8.755, 79.292
XYZ	60.413, 59.757, 9.649
xyY	0.465, 0.46, 59.757
CIE-LCH	81.706, 79.774, 83.699
CIE-LUV	81.706, 50.259, 82.075
Hunter-Lab	77.302, 4.222, 46.711
Binary	11111110, 11000010, 00011111

#fec21f
```
#fec21f rgb(254,194,31)
```
#1f5bfe
```
#1f5bfe rgb(31,91,254)
```

Complementary Color

#fe531f
```
#fe531f rgb(254,83,31)
```
#fec21f
```
#fec21f rgb(254,194,31)
```
#cbfe1f
```
#cbfe1f rgb(203,254,31)
```

Analogous Color

#531ffe
```
#531ffe rgb(83,31,254)
```
#fec21f
```
#fec21f rgb(254,194,31)
```
#1fcbfe
```
#1fcbfe rgb(31,203,254)
```

Split Complementary Color

#c21ffe
```
#c21ffe rgb(194,31,254)
```
#fec21f
```
#fec21f rgb(254,194,31)
```
#1ffec2
```
#1ffec2 rgb(31,254,194)
```

Triadic Color

#fe1f5b
```
#fe1f5b rgb(254,31,91)
```
#fec21f
```
#fec21f rgb(254,194,31)
```
#1ffec2
```
#1ffec2 rgb(31,254,194)
```
#1f5bfe
```
#1f5bfe rgb(31,91,254)
```

Tetradic Color

#d09801
```
#d09801 rgb(208,152,1)
```
#e9ab01
```
#e9ab01 rgb(233,171,1)
```
#febb06
```
#febb06 rgb(254,187,6)
```
#fec21f
```
#fec21f rgb(254,194,31)
```
#fec938
```
#fec938 rgb(254,201,56)
```
#fed052
```
#fed052 rgb(254,208,82)
```
#fed76b
```
#fed76b rgb(254,215,107)
```

Monochromatic Color

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

#fe8a1f
```
#fe8a1f rgb(254,138,31)
```
#fe9d1f
```
#fe9d1f rgb(254,157,31)
```
#feaf1f
```
#feaf1f rgb(254,175,31)
```
#fec21f
```
#fec21f rgb(254,194,31)
```
#fed51f
```
#fed51f rgb(254,213,31)
```
#fee71f
```
#fee71f rgb(254,231,31)
```
#fefa1f
```
#fefa1f rgb(254,250,31)
```

Similar Colors

Text with hexadecimal color #fec21f

This text has a font color of #fec21f.

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

#fec21f background color

This paragraph has a background color of #fec21f.

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

#fec21f border color

This element has a border color of #fec21f.

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

CSS codes

.text {color:#fec21f;}

.background {background-color:#fec21f;}

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

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

#0a0800
```
#0a0800 rgb(10,8,0)
```
#1e1600
```
#1e1600 rgb(30,22,0)
```
#312400
```
#312400 rgb(49,36,0)
```
#453200
```
#453200 rgb(69,50,0)
```
#584100
```
#584100 rgb(88,65,0)
```
#6c4f00
```
#6c4f00 rgb(108,79,0)
```
#805d01
```
#805d01 rgb(128,93,1)
```
#936c01
```
#936c01 rgb(147,108,1)
```
#a77a01
```
#a77a01 rgb(167,122,1)
```
#ba8801
```
#ba8801 rgb(186,136,1)
```
#ce9701
```
#ce9701 rgb(206,151,1)
```
#e1a501
```
#e1a501 rgb(225,165,1)
```
#f5b301
```
#f5b301 rgb(245,179,1)
```

Shade Color Variation

#febd0b
```
#febd0b rgb(254,189,11)
```
#fec21f
```
#fec21f rgb(254,194,31)
```
#fec733
```
#fec733 rgb(254,199,51)
```
#fecd46
```
#fecd46 rgb(254,205,70)
```
#fed25a
```
#fed25a rgb(254,210,90)
```
#fed76d
```
#fed76d rgb(254,215,109)
```
#fedd81
```
#fedd81 rgb(254,221,129)
```
#ffe294
```
#ffe294 rgb(255,226,148)
```
#ffe7a8
```
#ffe7a8 rgb(255,231,168)
```
#ffedbb
```
#ffedbb rgb(255,237,187)
```
#fff2cf
```
#fff2cf rgb(255,242,207)
```
#fff7e2
```
#fff7e2 rgb(255,247,226)
```
#fffcf6
```
#fffcf6 rgb(255,252,246)
```

Tint Color Variation

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

#969287
```
#969287 rgb(150,146,135)
```
#9f967e
```
#9f967e rgb(159,150,126)
```
#a79a76
```
#a79a76 rgb(167,154,118)
```
#b09e6d
```
#b09e6d rgb(176,158,109)
```
#b9a264
```
#b9a264 rgb(185,162,100)
```
#c1a65c
```
#c1a65c rgb(193,166,92)
```
#caaa53
```
#caaa53 rgb(202,170,83)
```
#d3ae4a
```
#d3ae4a rgb(211,174,74)
```
#dbb242
```
#dbb242 rgb(219,178,66)
```
#e4b639
```
#e4b639 rgb(228,182,57)
```
#edba30
```
#edba30 rgb(237,186,48)
```
#f5be28
```
#f5be28 rgb(245,190,40)
```
#fec21f
```
#fec21f rgb(254,194,31)
```

Tone Color Variation

Below, you can see how #fec21f 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
#cdc1a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6ce2d Protanopia 1% of men
#ffc442 Deuteranopia 1% of men
#ffbcc6 Tritanopia 0.001% of the population

Trichromacy

#efc928 Protanomaly 1% of men, 0.01% of women
#fec335 Deuteranomaly 6% of men, 0.4% of women
#febe89 Tritanomaly 0.01% of the population

#fec21f hex color

#fec21f Color Information

#fec21f Color Conversion

Color Schemes with #fec21f

Alternatives to #fec21f

#fec21f Preview

Shades and Tints of #fec21f

Tones of #fec21f

Color Blindness Simulator