#fcc520 hex color

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

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

● #fcc520 color description : Vivid yellow.

The hexadecimal color #fcc520 has RGB values of R:252, G:197, B:32 and CMYK values of C:0, M:0.22, Y:0.87, K:0.01. Its decimal value is 16565536.

Hex triplet	fcc520	`#fcc520`
RGB Decimal	252, 197, 32	`rgb(252,197,32)`
RGB Percent	98.8, 77.3, 12.5	`rgb(98.8%,77.3%,12.5%)`
CMYK	0, 22, 87, 1
HSL	45°, 97.3, 55.7	`hsl(45,97.3%,55.7%)`
HSV (or HSB)	45°, 87.3, 98.8
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	82.236, 6.373, 79.41
XYZ	60.373, 60.735, 9.91
xyY	0.461, 0.464, 60.735
CIE-LCH	82.236, 79.665, 85.412
CIE-LUV	82.236, 46.375, 83.028
Hunter-Lab	77.933, 1.898, 47.014
Binary	11111100, 11000101, 00100000

#fcc520
```
#fcc520 rgb(252,197,32)
```
#2057fc
```
#2057fc rgb(32,87,252)
```

Complementary Color

#fc5720
```
#fc5720 rgb(252,87,32)
```
#fcc520
```
#fcc520 rgb(252,197,32)
```
#c5fc20
```
#c5fc20 rgb(197,252,32)
```

Analogous Color

#5720fc
```
#5720fc rgb(87,32,252)
```
#fcc520
```
#fcc520 rgb(252,197,32)
```
#20c5fc
```
#20c5fc rgb(32,197,252)
```

Split Complementary Color

#c520fc
```
#c520fc rgb(197,32,252)
```
#fcc520
```
#fcc520 rgb(252,197,32)
```
#20fcc5
```
#20fcc5 rgb(32,252,197)
```

Triadic Color

#fc2057
```
#fc2057 rgb(252,32,87)
```
#fcc520
```
#fcc520 rgb(252,197,32)
```
#20fcc5
```
#20fcc5 rgb(32,252,197)
```
#2057fc
```
#2057fc rgb(32,87,252)
```

Tetradic Color

#cd9a03
```
#cd9a03 rgb(205,154,3)
```
#e6ad03
```
#e6ad03 rgb(230,173,3)
```
#fcbe07
```
#fcbe07 rgb(252,190,7)
```
#fcc520
```
#fcc520 rgb(252,197,32)
```
#fccc39
```
#fccc39 rgb(252,204,57)
```
#fdd252
```
#fdd252 rgb(253,210,82)
```
#fdd96b
```
#fdd96b rgb(253,217,107)
```

Monochromatic Color

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

#fc8e20
```
#fc8e20 rgb(252,142,32)
```
#fca020
```
#fca020 rgb(252,160,32)
```
#fcb320
```
#fcb320 rgb(252,179,32)
```
#fcc520
```
#fcc520 rgb(252,197,32)
```
#fcd720
```
#fcd720 rgb(252,215,32)
```
#fcea20
```
#fcea20 rgb(252,234,32)
```
#fcfc20
```
#fcfc20 rgb(252,252,32)
```

Similar Colors

Text with hexadecimal color #fcc520

This text has a font color of #fcc520.

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

#fcc520 background color

This paragraph has a background color of #fcc520.

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

#fcc520 border color

This element has a border color of #fcc520.

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

CSS codes

.text {color:#fcc520;}

.background {background-color:#fcc520;}

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

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)
```
#1d1600
```
#1d1600 rgb(29,22,0)
```
#302401
```
#302401 rgb(48,36,1)
```
#433301
```
#433301 rgb(67,51,1)
```
#574101
```
#574101 rgb(87,65,1)
```
#6a5001
```
#6a5001 rgb(106,80,1)
```
#7d5e02
```
#7d5e02 rgb(125,94,2)
```
#916d02
```
#916d02 rgb(145,109,2)
```
#a47c02
```
#a47c02 rgb(164,124,2)
```
#b78a02
```
#b78a02 rgb(183,138,2)
```
#cb9903
```
#cb9903 rgb(203,153,3)
```
#dea703
```
#dea703 rgb(222,167,3)
```
#f2b603
```
#f2b603 rgb(242,182,3)
```

Shade Color Variation

#fcc00d
```
#fcc00d rgb(252,192,13)
```
#fcc520
```
#fcc520 rgb(252,197,32)
```
#fcca33
```
#fcca33 rgb(252,202,51)
```
#fdcf47
```
#fdcf47 rgb(253,207,71)
```
#fdd45a
```
#fdd45a rgb(253,212,90)
```
#fdd96d
```
#fdd96d rgb(253,217,109)
```
#fdde81
```
#fdde81 rgb(253,222,129)
```
#fee394
```
#fee394 rgb(254,227,148)
```
#fee8a7
```
#fee8a7 rgb(254,232,167)
```
#feedbb
```
#feedbb rgb(254,237,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 #fcc520 is the most saturated one.

#949188
```
#949188 rgb(148,145,136)
```
#9c9580
```
#9c9580 rgb(156,149,128)
```
#a59a77
```
#a59a77 rgb(165,154,119)
```
#ae9e6e
```
#ae9e6e rgb(174,158,110)
```
#b6a266
```
#b6a266 rgb(182,162,102)
```
#bfa75d
```
#bfa75d rgb(191,167,93)
```
#c8ab54
```
#c8ab54 rgb(200,171,84)
```
#d1af4b
```
#d1af4b rgb(209,175,75)
```
#d9b443
```
#d9b443 rgb(217,180,67)
```
#e2b83a
```
#e2b83a rgb(226,184,58)
```
#ebbc31
```
#ebbc31 rgb(235,188,49)
```
#f3c129
```
#f3c129 rgb(243,193,41)
```
#fcc520
```
#fcc520 rgb(252,197,32)
```

Tone Color Variation

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

Dichromacy

#e8cf2d Protanopia 1% of men
#ffc650 Deuteranopia 1% of men
#ffbec9 Tritanopia 0.001% of the population

Trichromacy

#efcb28 Protanomaly 1% of men, 0.01% of women
#fdc53f Deuteranomaly 6% of men, 0.4% of women
#fdc08b Tritanomaly 0.01% of the population

#fcc520 hex color

#fcc520 Color Information

#fcc520 Color Conversion

Color Schemes with #fcc520

Alternatives to #fcc520

#fcc520 Preview

Shades and Tints of #fcc520

Tones of #fcc520

Color Blindness Simulator