#fec220 hex color

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

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

● #fec220 color description : Vivid orange.

The hexadecimal color #fec220 has RGB values of R:254, G:194, B:32 and CMYK values of C:0, M:0.24, Y:0.87, K:0. Its decimal value is 16695840.

Hex triplet	fec220	`#fec220`
RGB Decimal	254, 194, 32	`rgb(254,194,32)`
RGB Percent	99.6, 76.1, 12.5	`rgb(99.6%,76.1%,12.5%)`
CMYK	0, 24, 87, 0
HSL	43.8°, 99.1, 56.1	`hsl(43.8,99.1%,56.1%)`
HSV (or HSB)	43.8°, 87.4, 99.6
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	81.709, 8.775, 79.081
XYZ	60.427, 59.762, 9.719
xyY	0.465, 0.46, 59.762
CIE-LCH	81.709, 79.566, 83.669
CIE-LUV	81.709, 50.238, 81.951
Hunter-Lab	77.306, 4.241, 46.66
Binary	11111110, 11000010, 00100000

#fec220
```
#fec220 rgb(254,194,32)
```
#205cfe
```
#205cfe rgb(32,92,254)
```

Complementary Color

#fe5320
```
#fe5320 rgb(254,83,32)
```
#fec220
```
#fec220 rgb(254,194,32)
```
#cbfe20
```
#cbfe20 rgb(203,254,32)
```

Analogous Color

#5320fe
```
#5320fe rgb(83,32,254)
```
#fec220
```
#fec220 rgb(254,194,32)
```
#20cbfe
```
#20cbfe rgb(32,203,254)
```

Split Complementary Color

#c220fe
```
#c220fe rgb(194,32,254)
```
#fec220
```
#fec220 rgb(254,194,32)
```
#20fec2
```
#20fec2 rgb(32,254,194)
```

Triadic Color

#fe205c
```
#fe205c rgb(254,32,92)
```
#fec220
```
#fec220 rgb(254,194,32)
```
#20fec2
```
#20fec2 rgb(32,254,194)
```
#205cfe
```
#205cfe rgb(32,92,254)
```

Tetradic Color

#d19801
```
#d19801 rgb(209,152,1)
```
#eaab01
```
#eaab01 rgb(234,171,1)
```
#febb07
```
#febb07 rgb(254,187,7)
```
#fec220
```
#fec220 rgb(254,194,32)
```
#fec939
```
#fec939 rgb(254,201,57)
```
#fed053
```
#fed053 rgb(254,208,83)
```
#fed76c
```
#fed76c rgb(254,215,108)
```

Monochromatic Color

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

#fe8b20
```
#fe8b20 rgb(254,139,32)
```
#fe9d20
```
#fe9d20 rgb(254,157,32)
```
#feb020
```
#feb020 rgb(254,176,32)
```
#fec220
```
#fec220 rgb(254,194,32)
```
#fed520
```
#fed520 rgb(254,213,32)
```
#fee720
```
#fee720 rgb(254,231,32)
```
#fefa20
```
#fefa20 rgb(254,250,32)
```

Similar Colors

Text with hexadecimal color #fec220

This text has a font color of #fec220.

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

#fec220 background color

This paragraph has a background color of #fec220.

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

#fec220 border color

This element has a border color of #fec220.

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

CSS codes

.text {color:#fec220;}

.background {background-color:#fec220;}

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

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 #fffdf7 is the lightest one.

#0b0800
```
#0b0800 rgb(11,8,0)
```
#1f1700
```
#1f1700 rgb(31,23,0)
```
#322500
```
#322500 rgb(50,37,0)
```
#463300
```
#463300 rgb(70,51,0)
```
#594100
```
#594100 rgb(89,65,0)
```
#6d5000
```
#6d5000 rgb(109,80,0)
```
#815e01
```
#815e01 rgb(129,94,1)
```
#946c01
```
#946c01 rgb(148,108,1)
```
#a87a01
```
#a87a01 rgb(168,122,1)
```
#bb8901
```
#bb8901 rgb(187,137,1)
```
#cf9701
```
#cf9701 rgb(207,151,1)
```
#e2a501
```
#e2a501 rgb(226,165,1)
```
#f6b401
```
#f6b401 rgb(246,180,1)
```

Shade Color Variation

#febd0c
```
#febd0c rgb(254,189,12)
```
#fec220
```
#fec220 rgb(254,194,32)
```
#fec734
```
#fec734 rgb(254,199,52)
```
#fecd47
```
#fecd47 rgb(254,205,71)
```
#fed25b
```
#fed25b rgb(254,210,91)
```
#fed76e
```
#fed76e rgb(254,215,110)
```
#fedd82
```
#fedd82 rgb(254,221,130)
```
#ffe295
```
#ffe295 rgb(255,226,149)
```
#ffe7a9
```
#ffe7a9 rgb(255,231,169)
```
#ffedbc
```
#ffedbc rgb(255,237,188)
```
#fff2d0
```
#fff2d0 rgb(255,242,208)
```
#fff7e3
```
#fff7e3 rgb(255,247,227)
```
#fffdf7
```
#fffdf7 rgb(255,253,247)
```

Tint Color Variation

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

#979287
```
#979287 rgb(151,146,135)
```
#9f967f
```
#9f967f rgb(159,150,127)
```
#a89a76
```
#a89a76 rgb(168,154,118)
```
#b09e6e
```
#b09e6e rgb(176,158,110)
```
#b9a265
```
#b9a265 rgb(185,162,101)
```
#c2a65c
```
#c2a65c rgb(194,166,92)
```
#caaa54
```
#caaa54 rgb(202,170,84)
```
#d3ae4b
```
#d3ae4b rgb(211,174,75)
```
#dcb242
```
#dcb242 rgb(220,178,66)
```
#e4b63a
```
#e4b63a rgb(228,182,58)
```
#edba31
```
#edba31 rgb(237,186,49)
```
#f5be29
```
#f5be29 rgb(245,190,41)
```
#fec220
```
#fec220 rgb(254,194,32)
```

Tone Color Variation

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

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

Trichromacy

#efc929 Protanomaly 1% of men, 0.01% of women
#fec336 Deuteranomaly 6% of men, 0.4% of women
#febe8a Tritanomaly 0.01% of the population

#fec220 hex color

#fec220 Color Information

#fec220 Color Conversion

Color Schemes with #fec220

Alternatives to #fec220

#fec220 Preview

Shades and Tints of #fec220

Tones of #fec220

Color Blindness Simulator