#fccc20 hex color

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

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

● #fccc20 color description : Vivid yellow.

The hexadecimal color #fccc20 has RGB values of R:252, G:204, B:32 and CMYK values of C:0, M:0.19, Y:0.87, K:0.01. Its decimal value is 16567328.

Hex triplet	fccc20	`#fccc20`
RGB Decimal	252, 204, 32	`rgb(252,204,32)`
RGB Percent	98.8, 80, 12.5	`rgb(98.8%,80%,12.5%)`
CMYK	0, 19, 87, 1
HSL	46.9°, 97.3, 55.7	`hsl(46.9,97.3%,55.7%)`
HSV (or HSB)	46.9°, 87.3, 98.8
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	83.96, 2.77, 80.77
XYZ	61.999, 63.988, 10.452
xyY	0.454, 0.469, 63.988
CIE-LCH	83.96, 80.817, 88.036
CIE-LUV	83.96, 41.078, 85.658
Hunter-Lab	79.993, -1.638, 48.248
Binary	11111100, 11001100, 00100000

#fccc20
```
#fccc20 rgb(252,204,32)
```
#2050fc
```
#2050fc rgb(32,80,252)
```

Complementary Color

#fc5e20
```
#fc5e20 rgb(252,94,32)
```
#fccc20
```
#fccc20 rgb(252,204,32)
```
#befc20
```
#befc20 rgb(190,252,32)
```

Analogous Color

#5e20fc
```
#5e20fc rgb(94,32,252)
```
#fccc20
```
#fccc20 rgb(252,204,32)
```
#20befc
```
#20befc rgb(32,190,252)
```

Split Complementary Color

#cc20fc
```
#cc20fc rgb(204,32,252)
```
#fccc20
```
#fccc20 rgb(252,204,32)
```
#20fccc
```
#20fccc rgb(32,252,204)
```

Triadic Color

#fc2050
```
#fc2050 rgb(252,32,80)
```
#fccc20
```
#fccc20 rgb(252,204,32)
```
#20fccc
```
#20fccc rgb(32,252,204)
```
#2050fc
```
#2050fc rgb(32,80,252)
```

Tetradic Color

#cda103
```
#cda103 rgb(205,161,3)
```
#e6b403
```
#e6b403 rgb(230,180,3)
```
#fcc607
```
#fcc607 rgb(252,198,7)
```
#fccc20
```
#fccc20 rgb(252,204,32)
```
#fcd239
```
#fcd239 rgb(252,210,57)
```
#fdd852
```
#fdd852 rgb(253,216,82)
```
#fddd6b
```
#fddd6b rgb(253,221,107)
```

Monochromatic Color

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

#fc9520
```
#fc9520 rgb(252,149,32)
```
#fca720
```
#fca720 rgb(252,167,32)
```
#fcba20
```
#fcba20 rgb(252,186,32)
```
#fccc20
```
#fccc20 rgb(252,204,32)
```
#fcde20
```
#fcde20 rgb(252,222,32)
```
#fcf120
```
#fcf120 rgb(252,241,32)
```
#f5fc20
```
#f5fc20 rgb(245,252,32)
```

Similar Colors

Text with hexadecimal color #fccc20

This text has a font color of #fccc20.

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

#fccc20 background color

This paragraph has a background color of #fccc20.

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

#fccc20 border color

This element has a border color of #fccc20.

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

CSS codes

.text {color:#fccc20;}

.background {background-color:#fccc20;}

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

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

#090700
```
#090700 rgb(9,7,0)
```
#1d1600
```
#1d1600 rgb(29,22,0)
```
#302601
```
#302601 rgb(48,38,1)
```
#433501
```
#433501 rgb(67,53,1)
```
#574401
```
#574401 rgb(87,68,1)
```
#6a5301
```
#6a5301 rgb(106,83,1)
```
#7d6202
```
#7d6202 rgb(125,98,2)
```
#917202
```
#917202 rgb(145,114,2)
```
#a48102
```
#a48102 rgb(164,129,2)
```
#b79002
```
#b79002 rgb(183,144,2)
```
#cb9f03
```
#cb9f03 rgb(203,159,3)
```
#deae03
```
#deae03 rgb(222,174,3)
```
#f2be03
```
#f2be03 rgb(242,190,3)
```

Shade Color Variation

#fcc80d
```
#fcc80d rgb(252,200,13)
```
#fccc20
```
#fccc20 rgb(252,204,32)
```
#fcd033
```
#fcd033 rgb(252,208,51)
```
#fdd547
```
#fdd547 rgb(253,213,71)
```
#fdd95a
```
#fdd95a rgb(253,217,90)
```
#fdde6d
```
#fdde6d rgb(253,222,109)
```
#fde281
```
#fde281 rgb(253,226,129)
```
#fee794
```
#fee794 rgb(254,231,148)
```
#feeba7
```
#feeba7 rgb(254,235,167)
```
#feefbb
```
#feefbb rgb(254,239,187)
```
#fef4ce
```
#fef4ce rgb(254,244,206)
```
#fff8e2
```
#fff8e2 rgb(255,248,226)
```
#fffdf5
```
#fffdf5 rgb(255,253,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 #fccc20 is the most saturated one.

#949188
```
#949188 rgb(148,145,136)
```
#9c9680
```
#9c9680 rgb(156,150,128)
```
#a59b77
```
#a59b77 rgb(165,155,119)
```
#aea06e
```
#aea06e rgb(174,160,110)
```
#b6a566
```
#b6a566 rgb(182,165,102)
```
#bfaa5d
```
#bfaa5d rgb(191,170,93)
```
#c8af54
```
#c8af54 rgb(200,175,84)
```
#d1b44b
```
#d1b44b rgb(209,180,75)
```
#d9b843
```
#d9b843 rgb(217,184,67)
```
#e2bd3a
```
#e2bd3a rgb(226,189,58)
```
#ebc231
```
#ebc231 rgb(235,194,49)
```
#f3c729
```
#f3c729 rgb(243,199,41)
```
#fccc20
```
#fccc20 rgb(252,204,32)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#d2c8a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd42d Protanopia 1% of men
#ffcb70 Deuteranopia 1% of men
#ffc4cf Tritanopia 0.001% of the population

Trichromacy

#f2d128 Protanomaly 1% of men, 0.01% of women
#fdcb53 Deuteranomaly 6% of men, 0.4% of women
#fdc78f Tritanomaly 0.01% of the population

#fccc20 hex color

#fccc20 Color Information

#fccc20 Color Conversion

Color Schemes with #fccc20

Alternatives to #fccc20

#fccc20 Preview

Shades and Tints of #fccc20

Tones of #fccc20

Color Blindness Simulator