#fccd20 hex color

In a RGB color space, hex #fccd20 is composed of 98.8% red, 80.4% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.7% magenta, 87.3% yellow and 1.2% black. It has a hue angle of 47.2 degrees, a saturation of 97.3% and a lightness of 55.7%. #fccd20 color hex could be obtained by blending #ffff40 with #f99b00. 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

● #fccd20 color description : Vivid yellow.

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

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

CIE-LAB	84.207, 2.257, 80.965
XYZ	62.238, 64.465, 10.531
xyY	0.454, 0.47, 64.465
CIE-LCH	84.207, 80.997, 88.403
CIE-LUV	84.207, 40.329, 86.034
Hunter-Lab	80.29, -2.142, 48.426
Binary	11111100, 11001101, 00100000

#fccd20
```
#fccd20 rgb(252,205,32)
```
#204ffc
```
#204ffc rgb(32,79,252)
```

Complementary Color

#fc5f20
```
#fc5f20 rgb(252,95,32)
```
#fccd20
```
#fccd20 rgb(252,205,32)
```
#bdfc20
```
#bdfc20 rgb(189,252,32)
```

Analogous Color

#5f20fc
```
#5f20fc rgb(95,32,252)
```
#fccd20
```
#fccd20 rgb(252,205,32)
```
#20bdfc
```
#20bdfc rgb(32,189,252)
```

Split Complementary Color

#cd20fc
```
#cd20fc rgb(205,32,252)
```
#fccd20
```
#fccd20 rgb(252,205,32)
```
#20fccd
```
#20fccd rgb(32,252,205)
```

Triadic Color

#fc204f
```
#fc204f rgb(252,32,79)
```
#fccd20
```
#fccd20 rgb(252,205,32)
```
#20fccd
```
#20fccd rgb(32,252,205)
```
#204ffc
```
#204ffc rgb(32,79,252)
```

Tetradic Color

#cda203
```
#cda203 rgb(205,162,3)
```
#e6b503
```
#e6b503 rgb(230,181,3)
```
#fcc707
```
#fcc707 rgb(252,199,7)
```
#fccd20
```
#fccd20 rgb(252,205,32)
```
#fcd339
```
#fcd339 rgb(252,211,57)
```
#fdd852
```
#fdd852 rgb(253,216,82)
```
#fdde6b
```
#fdde6b rgb(253,222,107)
```

Monochromatic Color

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

#fc9620
```
#fc9620 rgb(252,150,32)
```
#fca820
```
#fca820 rgb(252,168,32)
```
#fcbb20
```
#fcbb20 rgb(252,187,32)
```
#fccd20
```
#fccd20 rgb(252,205,32)
```
#fcdf20
```
#fcdf20 rgb(252,223,32)
```
#fcf220
```
#fcf220 rgb(252,242,32)
```
#f4fc20
```
#f4fc20 rgb(244,252,32)
```

Similar Colors

Text with hexadecimal color #fccd20

This text has a font color of #fccd20.

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

#fccd20 background color

This paragraph has a background color of #fccd20.

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

#fccd20 border color

This element has a border color of #fccd20.

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

CSS codes

.text {color:#fccd20;}

.background {background-color:#fccd20;}

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

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)
```
#1d1700
```
#1d1700 rgb(29,23,0)
```
#302601
```
#302601 rgb(48,38,1)
```
#433501
```
#433501 rgb(67,53,1)
```
#574401
```
#574401 rgb(87,68,1)
```
#6a5401
```
#6a5401 rgb(106,84,1)
```
#7d6302
```
#7d6302 rgb(125,99,2)
```
#917202
```
#917202 rgb(145,114,2)
```
#a48202
```
#a48202 rgb(164,130,2)
```
#b79102
```
#b79102 rgb(183,145,2)
```
#cba003
```
#cba003 rgb(203,160,3)
```
#deaf03
```
#deaf03 rgb(222,175,3)
```
#f2bf03
```
#f2bf03 rgb(242,191,3)
```

Shade Color Variation

#fcc90d
```
#fcc90d rgb(252,201,13)
```
#fccd20
```
#fccd20 rgb(252,205,32)
```
#fcd133
```
#fcd133 rgb(252,209,51)
```
#fdd647
```
#fdd647 rgb(253,214,71)
```
#fdda5a
```
#fdda5a rgb(253,218,90)
```
#fdde6d
```
#fdde6d rgb(253,222,109)
```
#fde381
```
#fde381 rgb(253,227,129)
```
#fee794
```
#fee794 rgb(254,231,148)
```
#feeba7
```
#feeba7 rgb(254,235,167)
```
#fef0bb
```
#fef0bb rgb(254,240,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 #fccd20 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)
```
#d9b943
```
#d9b943 rgb(217,185,67)
```
#e2be3a
```
#e2be3a rgb(226,190,58)
```
#ebc331
```
#ebc331 rgb(235,195,49)
```
#f3c829
```
#f3c829 rgb(243,200,41)
```
#fccd20
```
#fccd20 rgb(252,205,32)
```

Tone Color Variation

Below, you can see how #fccd20 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
#ffcc74 Deuteranopia 1% of men
#ffc5d0 Tritanopia 0.001% of the population

Trichromacy

#f3d128 Protanomaly 1% of men, 0.01% of women
#fdcc55 Deuteranomaly 6% of men, 0.4% of women
#fdc890 Tritanomaly 0.01% of the population

#fccd20 hex color

#fccd20 Color Information

#fccd20 Color Conversion

Color Schemes with #fccd20

Alternatives to #fccd20

#fccd20 Preview

Shades and Tints of #fccd20

Tones of #fccd20

Color Blindness Simulator