#fcc220 hex color

In a RGB color space, hex #fcc220 is composed of 98.8% red, 76.1% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23% magenta, 87.3% yellow and 1.2% black. It has a hue angle of 44.2 degrees, a saturation of 97.3% and a lightness of 55.7%. #fcc220 color hex could be obtained by blending #ffff40 with #f98500. Closest websafe color is: #ffcc33.

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

● #fcc220 color description : Vivid orange.

The hexadecimal color #fcc220 has RGB values of R:252, G:194, B:32 and CMYK values of C:0, M:0.23, Y:0.87, K:0.01. Its decimal value is 16564768.

Hex triplet	fcc220	`#fcc220`
RGB Decimal	252, 194, 32	`rgb(252,194,32)`
RGB Percent	98.8, 76.1, 12.5	`rgb(98.8%,76.1%,12.5%)`
CMYK	0, 23, 87, 1
HSL	44.2°, 97.3, 55.7	`hsl(44.2,97.3%,55.7%)`
HSV (or HSB)	44.2°, 87.3, 98.8
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	81.504, 7.924, 78.832
XYZ	59.699, 59.386, 9.685
xyY	0.464, 0.461, 59.386
CIE-LCH	81.504, 79.229, 84.26
CIE-LUV	81.504, 48.675, 81.903
Hunter-Lab	77.063, 3.42, 46.492
Binary	11111100, 11000010, 00100000

#fcc220
```
#fcc220 rgb(252,194,32)
```
#205afc
```
#205afc rgb(32,90,252)
```

Complementary Color

#fc5420
```
#fc5420 rgb(252,84,32)
```
#fcc220
```
#fcc220 rgb(252,194,32)
```
#c8fc20
```
#c8fc20 rgb(200,252,32)
```

Analogous Color

#5420fc
```
#5420fc rgb(84,32,252)
```
#fcc220
```
#fcc220 rgb(252,194,32)
```
#20c8fc
```
#20c8fc rgb(32,200,252)
```

Split Complementary Color

#c220fc
```
#c220fc rgb(194,32,252)
```
#fcc220
```
#fcc220 rgb(252,194,32)
```
#20fcc2
```
#20fcc2 rgb(32,252,194)
```

Triadic Color

#fc205a
```
#fc205a rgb(252,32,90)
```
#fcc220
```
#fcc220 rgb(252,194,32)
```
#20fcc2
```
#20fcc2 rgb(32,252,194)
```
#205afc
```
#205afc rgb(32,90,252)
```

Tetradic Color

#cd9703
```
#cd9703 rgb(205,151,3)
```
#e6aa03
```
#e6aa03 rgb(230,170,3)
```
#fcbb07
```
#fcbb07 rgb(252,187,7)
```
#fcc220
```
#fcc220 rgb(252,194,32)
```
#fcc939
```
#fcc939 rgb(252,201,57)
```
#fdd052
```
#fdd052 rgb(253,208,82)
```
#fdd76b
```
#fdd76b rgb(253,215,107)
```

Monochromatic Color

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

#fc8b20
```
#fc8b20 rgb(252,139,32)
```
#fc9d20
```
#fc9d20 rgb(252,157,32)
```
#fcb020
```
#fcb020 rgb(252,176,32)
```
#fcc220
```
#fcc220 rgb(252,194,32)
```
#fcd420
```
#fcd420 rgb(252,212,32)
```
#fce720
```
#fce720 rgb(252,231,32)
```
#fcf920
```
#fcf920 rgb(252,249,32)
```

Similar Colors

Text with hexadecimal color #fcc220

This text has a font color of #fcc220.

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

#fcc220 background color

This paragraph has a background color of #fcc220.

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

#fcc220 border color

This element has a border color of #fcc220.

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

CSS codes

.text {color:#fcc220;}

.background {background-color:#fcc220;}

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

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

#090700
```
#090700 rgb(9,7,0)
```
#1d1500
```
#1d1500 rgb(29,21,0)
```
#302301
```
#302301 rgb(48,35,1)
```
#433201
```
#433201 rgb(67,50,1)
```
#574001
```
#574001 rgb(87,64,1)
```
#6a4e01
```
#6a4e01 rgb(106,78,1)
```
#7d5d02
```
#7d5d02 rgb(125,93,2)
```
#916b02
```
#916b02 rgb(145,107,2)
```
#a47902
```
#a47902 rgb(164,121,2)
```
#b78802
```
#b78802 rgb(183,136,2)
```
#cb9603
```
#cb9603 rgb(203,150,3)
```
#dea403
```
#dea403 rgb(222,164,3)
```
#f2b303
```
#f2b303 rgb(242,179,3)
```

Shade Color Variation

#fcbd0d
```
#fcbd0d rgb(252,189,13)
```
#fcc220
```
#fcc220 rgb(252,194,32)
```
#fcc733
```
#fcc733 rgb(252,199,51)
```
#fdcd47
```
#fdcd47 rgb(253,205,71)
```
#fdd25a
```
#fdd25a rgb(253,210,90)
```
#fdd76d
```
#fdd76d rgb(253,215,109)
```
#fddc81
```
#fddc81 rgb(253,220,129)
```
#fee294
```
#fee294 rgb(254,226,148)
```
#fee7a7
```
#fee7a7 rgb(254,231,167)
```
#feecbb
```
#feecbb rgb(254,236,187)
```
#fef2ce
```
#fef2ce rgb(254,242,206)
```
#fff7e2
```
#fff7e2 rgb(255,247,226)
```
#fffcf5
```
#fffcf5 rgb(255,252,245)
```

Tint Color Variation

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

#949188
```
#949188 rgb(148,145,136)
```
#9c9580
```
#9c9580 rgb(156,149,128)
```
#a59977
```
#a59977 rgb(165,153,119)
```
#ae9d6e
```
#ae9d6e rgb(174,157,110)
```
#b6a166
```
#b6a166 rgb(182,161,102)
```
#bfa55d
```
#bfa55d rgb(191,165,93)
```
#c8a954
```
#c8a954 rgb(200,169,84)
```
#d1ad4b
```
#d1ad4b rgb(209,173,75)
```
#d9b243
```
#d9b243 rgb(217,178,67)
```
#e2b63a
```
#e2b63a rgb(226,182,58)
```
#ebba31
```
#ebba31 rgb(235,186,49)
```
#f3be29
```
#f3be29 rgb(243,190,41)
```
#fcc220
```
#fcc220 rgb(252,194,32)
```

Tone Color Variation

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

#e5cd2e Protanopia 1% of men
#ffc33c Deuteranopia 1% of men
#ffbbc6 Tritanopia 0.001% of the population

Trichromacy

#edc928 Protanomaly 1% of men, 0.01% of women
#fdc331 Deuteranomaly 6% of men, 0.4% of women
#fdbd89 Tritanomaly 0.01% of the population

#fcc220 hex color

#fcc220 Color Information

#fcc220 Color Conversion

Color Schemes with #fcc220

Alternatives to #fcc220

#fcc220 Preview

Shades and Tints of #fcc220

Tones of #fcc220

Color Blindness Simulator