#fcc500 hex color

In a RGB color space, hex #fcc500 is composed of 98.8% red, 77.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.8% magenta, 100% yellow and 1.2% black. It has a hue angle of 46.9 degrees, a saturation of 100% and a lightness of 49.4%. #fcc500 color hex could be obtained by blending #ffff00 with #f98b00. Closest websafe color is: #ffcc00.

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

● #fcc500 color description : Pure (or mostly pure) yellow.

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

Hex triplet	fcc500	`#fcc500`
RGB Decimal	252, 197, 0	`rgb(252,197,0)`
RGB Percent	98.8, 77.3, 0	`rgb(98.8%,77.3%,0%)`
CMYK	0, 22, 100, 1
HSL	46.9°, 100, 49.4	`hsl(46.9,100%,49.4%)`
HSV (or HSB)	46.9°, 100, 98.8
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	82.18, 5.996, 83.675
XYZ	60.112, 60.631, 8.537
xyY	0.465, 0.469, 60.631
CIE-LCH	82.18, 83.89, 85.901
CIE-LUV	82.18, 46.763, 85.447
Hunter-Lab	77.866, 1.536, 48.006
Binary	11111100, 11000101, 00000000

#fcc500
```
#fcc500 rgb(252,197,0)
```
#0037fc
```
#0037fc rgb(0,55,252)
```

Complementary Color

#fc4700
```
#fc4700 rgb(252,71,0)
```
#fcc500
```
#fcc500 rgb(252,197,0)
```
#b5fc00
```
#b5fc00 rgb(181,252,0)
```

Analogous Color

#4700fc
```
#4700fc rgb(71,0,252)
```
#fcc500
```
#fcc500 rgb(252,197,0)
```
#00b5fc
```
#00b5fc rgb(0,181,252)
```

Split Complementary Color

#c500fc
```
#c500fc rgb(197,0,252)
```
#fcc500
```
#fcc500 rgb(252,197,0)
```
#00fcc5
```
#00fcc5 rgb(0,252,197)
```

Triadic Color

#fc0037
```
#fc0037 rgb(252,0,55)
```
#fcc500
```
#fcc500 rgb(252,197,0)
```
#00fcc5
```
#00fcc5 rgb(0,252,197)
```
#0037fc
```
#0037fc rgb(0,55,252)
```

Tetradic Color

#b08900
```
#b08900 rgb(176,137,0)
```
#c99d00
```
#c99d00 rgb(201,157,0)
```
#e3b100
```
#e3b100 rgb(227,177,0)
```
#fcc500
```
#fcc500 rgb(252,197,0)
```
#ffcc17
```
#ffcc17 rgb(255,204,23)
```
#ffd230
```
#ffd230 rgb(255,210,48)
```
#ffd74a
```
#ffd74a rgb(255,215,74)
```

Monochromatic Color

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

#fc8600
```
#fc8600 rgb(252,134,0)
```
#fc9b00
```
#fc9b00 rgb(252,155,0)
```
#fcb000
```
#fcb000 rgb(252,176,0)
```
#fcc500
```
#fcc500 rgb(252,197,0)
```
#fcda00
```
#fcda00 rgb(252,218,0)
```
#fcef00
```
#fcef00 rgb(252,239,0)
```
#f4fc00
```
#f4fc00 rgb(244,252,0)
```

Similar Colors

Text with hexadecimal color #fcc500

This text has a font color of #fcc500.

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

#fcc500 background color

This paragraph has a background color of #fcc500.

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

#fcc500 border color

This element has a border color of #fcc500.

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

CSS codes

.text {color:#fcc500;}

.background {background-color:#fcc500;}

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

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, #110d00 is the darkest color, while #fffefc is the lightest one.

#110d00
```
#110d00 rgb(17,13,0)
```
#241c00
```
#241c00 rgb(36,28,0)
```
#382c00
```
#382c00 rgb(56,44,0)
```
#4b3b00
```
#4b3b00 rgb(75,59,0)
```
#5f4a00
```
#5f4a00 rgb(95,74,0)
```
#735a00
```
#735a00 rgb(115,90,0)
```
#866900
```
#866900 rgb(134,105,0)
```
#9a7800
```
#9a7800 rgb(154,120,0)
```
#ae8800
```
#ae8800 rgb(174,136,0)
```
#c19700
```
#c19700 rgb(193,151,0)
```
#d5a600
```
#d5a600 rgb(213,166,0)
```
#e8b600
```
#e8b600 rgb(232,182,0)
```
#fcc500
```
#fcc500 rgb(252,197,0)
```

Shade Color Variation

#ffcb11
```
#ffcb11 rgb(255,203,17)
```
#ffcf24
```
#ffcf24 rgb(255,207,36)
```
#ffd438
```
#ffd438 rgb(255,212,56)
```
#ffd84b
```
#ffd84b rgb(255,216,75)
```
#ffdc5f
```
#ffdc5f rgb(255,220,95)
```
#ffe073
```
#ffe073 rgb(255,224,115)
```
#ffe586
```
#ffe586 rgb(255,229,134)
```
#ffe99a
```
#ffe99a rgb(255,233,154)
```
#ffedae
```
#ffedae rgb(255,237,174)
```
#fff2c1
```
#fff2c1 rgb(255,242,193)
```
#fff6d5
```
#fff6d5 rgb(255,246,213)
```
#fffae8
```
#fffae8 rgb(255,250,232)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#888374
```
#888374 rgb(136,131,116)
```
#91896b
```
#91896b rgb(145,137,107)
```
#9b8e61
```
#9b8e61 rgb(155,142,97)
```
#a59457
```
#a59457 rgb(165,148,87)
```
#ae994e
```
#ae994e rgb(174,153,78)
```
#b89f44
```
#b89f44 rgb(184,159,68)
```
#c2a43a
```
#c2a43a rgb(194,164,58)
```
#ccaa30
```
#ccaa30 rgb(204,170,48)
```
#d5af27
```
#d5af27 rgb(213,175,39)
```
#dfb51d
```
#dfb51d rgb(223,181,29)
```
#e9ba13
```
#e9ba13 rgb(233,186,19)
```
#f2c00a
```
#f2c00a rgb(242,192,10)
```
#fcc500
```
#fcc500 rgb(252,197,0)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#cbc099 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8cf0e Protanopia 1% of men
#ffc54d Deuteranopia 1% of men
#ffbec8 Tritanopia 0.001% of the population

Trichromacy

#efcb09 Protanomaly 1% of men, 0.01% of women
#fdc531 Deuteranomaly 6% of men, 0.4% of women
#fdc07f Tritanomaly 0.01% of the population

#fcc500 hex color

#fcc500 Color Information

#fcc500 Color Conversion

Color Schemes with #fcc500

Alternatives to #fcc500

#fcc500 Preview

Shades and Tints of #fcc500

Tones of #fcc500

Color Blindness Simulator