#fcc700 hex color

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

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

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

The hexadecimal color #fcc700 has RGB values of R:252, G:199, B:0 and CMYK values of C:0, M:0.21, Y:1, K:0.01. Its decimal value is 16566016.

Hex triplet	fcc700	`#fcc700`
RGB Decimal	252, 199, 0	`rgb(252,199,0)`
RGB Percent	98.8, 78, 0	`rgb(98.8%,78%,0%)`
CMYK	0, 21, 100, 1
HSL	47.4°, 100, 49.4	`hsl(47.4,100%,49.4%)`
HSV (or HSB)	47.4°, 100, 98.8
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	82.671, 4.964, 84.015
XYZ	60.569, 61.545, 8.689
xyY	0.463, 0.471, 61.545
CIE-LCH	82.671, 84.162, 86.618
CIE-LUV	82.671, 45.227, 86.178
Hunter-Lab	78.451, 0.525, 48.349
Binary	11111100, 11000111, 00000000

#fcc700
```
#fcc700 rgb(252,199,0)
```
#0035fc
```
#0035fc rgb(0,53,252)
```

Complementary Color

#fc4900
```
#fc4900 rgb(252,73,0)
```
#fcc700
```
#fcc700 rgb(252,199,0)
```
#b3fc00
```
#b3fc00 rgb(179,252,0)
```

Analogous Color

#4900fc
```
#4900fc rgb(73,0,252)
```
#fcc700
```
#fcc700 rgb(252,199,0)
```
#00b3fc
```
#00b3fc rgb(0,179,252)
```

Split Complementary Color

#c700fc
```
#c700fc rgb(199,0,252)
```
#fcc700
```
#fcc700 rgb(252,199,0)
```
#00fcc7
```
#00fcc7 rgb(0,252,199)
```

Triadic Color

#fc0035
```
#fc0035 rgb(252,0,53)
```
#fcc700
```
#fcc700 rgb(252,199,0)
```
#00fcc7
```
#00fcc7 rgb(0,252,199)
```
#0035fc
```
#0035fc rgb(0,53,252)
```

Tetradic Color

#b08b00
```
#b08b00 rgb(176,139,0)
```
#c99f00
```
#c99f00 rgb(201,159,0)
```
#e3b300
```
#e3b300 rgb(227,179,0)
```
#fcc700
```
#fcc700 rgb(252,199,0)
```
#ffce17
```
#ffce17 rgb(255,206,23)
```
#ffd330
```
#ffd330 rgb(255,211,48)
```
#ffd94a
```
#ffd94a rgb(255,217,74)
```

Monochromatic Color

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

#fc8800
```
#fc8800 rgb(252,136,0)
```
#fc9d00
```
#fc9d00 rgb(252,157,0)
```
#fcb200
```
#fcb200 rgb(252,178,0)
```
#fcc700
```
#fcc700 rgb(252,199,0)
```
#fcdc00
```
#fcdc00 rgb(252,220,0)
```
#fcf100
```
#fcf100 rgb(252,241,0)
```
#f2fc00
```
#f2fc00 rgb(242,252,0)
```

Similar Colors

Text with hexadecimal color #fcc700

This text has a font color of #fcc700.

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

#fcc700 background color

This paragraph has a background color of #fcc700.

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

#fcc700 border color

This element has a border color of #fcc700.

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

CSS codes

.text {color:#fcc700;}

.background {background-color:#fcc700;}

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

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)
```
#241d00
```
#241d00 rgb(36,29,0)
```
#382c00
```
#382c00 rgb(56,44,0)
```
#4b3c00
```
#4b3c00 rgb(75,60,0)
```
#5f4b00
```
#5f4b00 rgb(95,75,0)
```
#735b00
```
#735b00 rgb(115,91,0)
```
#866a00
```
#866a00 rgb(134,106,0)
```
#9a7a00
```
#9a7a00 rgb(154,122,0)
```
#ae8900
```
#ae8900 rgb(174,137,0)
```
#c19900
```
#c19900 rgb(193,153,0)
```
#d5a800
```
#d5a800 rgb(213,168,0)
```
#e8b800
```
#e8b800 rgb(232,184,0)
```
#fcc700
```
#fcc700 rgb(252,199,0)
```

Shade Color Variation

#ffcd11
```
#ffcd11 rgb(255,205,17)
```
#ffd124
```
#ffd124 rgb(255,209,36)
```
#ffd538
```
#ffd538 rgb(255,213,56)
```
#ffd94b
```
#ffd94b rgb(255,217,75)
```
#ffdd5f
```
#ffdd5f rgb(255,221,95)
```
#ffe173
```
#ffe173 rgb(255,225,115)
```
#ffe686
```
#ffe686 rgb(255,230,134)
```
#ffea9a
```
#ffea9a rgb(255,234,154)
```
#ffeeae
```
#ffeeae rgb(255,238,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, #888474 is the less saturated color, while #fcc700 is the most saturated one.

#888474
```
#888474 rgb(136,132,116)
```
#91896b
```
#91896b rgb(145,137,107)
```
#9b8f61
```
#9b8f61 rgb(155,143,97)
```
#a59457
```
#a59457 rgb(165,148,87)
```
#ae9a4e
```
#ae9a4e rgb(174,154,78)
```
#b8a044
```
#b8a044 rgb(184,160,68)
```
#c2a53a
```
#c2a53a rgb(194,165,58)
```
#ccab30
```
#ccab30 rgb(204,171,48)
```
#d5b127
```
#d5b127 rgb(213,177,39)
```
#dfb61d
```
#dfb61d rgb(223,182,29)
```
#e9bc13
```
#e9bc13 rgb(233,188,19)
```
#f2c10a
```
#f2c10a rgb(242,193,10)
```
#fcc700
```
#fcc700 rgb(252,199,0)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#ccc19a Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d00e Protanopia 1% of men
#ffc758 Deuteranopia 1% of men
#ffbfca Tritanopia 0.001% of the population

Trichromacy

#f0cd09 Protanomaly 1% of men, 0.01% of women
#fdc738 Deuteranomaly 6% of men, 0.4% of women
#fdc280 Tritanomaly 0.01% of the population

#fcc700 hex color

#fcc700 Color Information

#fcc700 Color Conversion

Color Schemes with #fcc700

Alternatives to #fcc700

#fcc700 Preview

Shades and Tints of #fcc700

Tones of #fcc700

Color Blindness Simulator