#fcd300 hex color

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

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

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

The hexadecimal color #fcd300 has RGB values of R:252, G:211, B:0 and CMYK values of C:0, M:0.16, Y:1, K:0.01. Its decimal value is 16569088.

Hex triplet	fcd300	`#fcd300`
RGB Decimal	252, 211, 0	`rgb(252,211,0)`
RGB Percent	98.8, 82.7, 0	`rgb(98.8%,82.7%,0%)`
CMYK	0, 16, 100, 1
HSL	50.2°, 100, 49.4	`hsl(50.2,100%,49.4%)`
HSV (or HSB)	50.2°, 100, 98.8
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	85.649, -1.177, 86.098
XYZ	63.44, 67.287, 9.646
xyY	0.452, 0.479, 67.287
CIE-LCH	85.649, 86.106, 90.783
CIE-LUV	85.649, 36.186, 90.58
Hunter-Lab	82.028, -5.499, 50.448
Binary	11111100, 11010011, 00000000

#fcd300
```
#fcd300 rgb(252,211,0)
```
#0029fc
```
#0029fc rgb(0,41,252)
```

Complementary Color

#fc5500
```
#fc5500 rgb(252,85,0)
```
#fcd300
```
#fcd300 rgb(252,211,0)
```
#a7fc00
```
#a7fc00 rgb(167,252,0)
```

Analogous Color

#5500fc
```
#5500fc rgb(85,0,252)
```
#fcd300
```
#fcd300 rgb(252,211,0)
```
#00a7fc
```
#00a7fc rgb(0,167,252)
```

Split Complementary Color

#d300fc
```
#d300fc rgb(211,0,252)
```
#fcd300
```
#fcd300 rgb(252,211,0)
```
#00fcd3
```
#00fcd3 rgb(0,252,211)
```

Triadic Color

#fc0029
```
#fc0029 rgb(252,0,41)
```
#fcd300
```
#fcd300 rgb(252,211,0)
```
#00fcd3
```
#00fcd3 rgb(0,252,211)
```
#0029fc
```
#0029fc rgb(0,41,252)
```

Tetradic Color

#b09300
```
#b09300 rgb(176,147,0)
```
#c9a800
```
#c9a800 rgb(201,168,0)
```
#e3be00
```
#e3be00 rgb(227,190,0)
```
#fcd300
```
#fcd300 rgb(252,211,0)
```
#ffd917
```
#ffd917 rgb(255,217,23)
```
#ffdd30
```
#ffdd30 rgb(255,221,48)
```
#ffe14a
```
#ffe14a rgb(255,225,74)
```

Monochromatic Color

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

#fc9400
```
#fc9400 rgb(252,148,0)
```
#fca900
```
#fca900 rgb(252,169,0)
```
#fcbe00
```
#fcbe00 rgb(252,190,0)
```
#fcd300
```
#fcd300 rgb(252,211,0)
```
#fce800
```
#fce800 rgb(252,232,0)
```
#fbfc00
```
#fbfc00 rgb(251,252,0)
```
#e6fc00
```
#e6fc00 rgb(230,252,0)
```

Similar Colors

Text with hexadecimal color #fcd300

This text has a font color of #fcd300.

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

#fcd300 background color

This paragraph has a background color of #fcd300.

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

#fcd300 border color

This element has a border color of #fcd300.

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

CSS codes

.text {color:#fcd300;}

.background {background-color:#fcd300;}

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

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

#110e00
```
#110e00 rgb(17,14,0)
```
#241e00
```
#241e00 rgb(36,30,0)
```
#382f00
```
#382f00 rgb(56,47,0)
```
#4b3f00
```
#4b3f00 rgb(75,63,0)
```
#5f5000
```
#5f5000 rgb(95,80,0)
```
#736000
```
#736000 rgb(115,96,0)
```
#867000
```
#867000 rgb(134,112,0)
```
#9a8100
```
#9a8100 rgb(154,129,0)
```
#ae9100
```
#ae9100 rgb(174,145,0)
```
#c1a200
```
#c1a200 rgb(193,162,0)
```
#d5b200
```
#d5b200 rgb(213,178,0)
```
#e8c300
```
#e8c300 rgb(232,195,0)
```
#fcd300
```
#fcd300 rgb(252,211,0)
```

Shade Color Variation

#ffd811
```
#ffd811 rgb(255,216,17)
```
#ffdb24
```
#ffdb24 rgb(255,219,36)
```
#ffdf38
```
#ffdf38 rgb(255,223,56)
```
#ffe24b
```
#ffe24b rgb(255,226,75)
```
#ffe55f
```
#ffe55f rgb(255,229,95)
```
#ffe873
```
#ffe873 rgb(255,232,115)
```
#ffeb86
```
#ffeb86 rgb(255,235,134)
```
#ffef9a
```
#ffef9a rgb(255,239,154)
```
#fff2ae
```
#fff2ae rgb(255,242,174)
```
#fff5c1
```
#fff5c1 rgb(255,245,193)
```
#fff8d5
```
#fff8d5 rgb(255,248,213)
```
#fffbe8
```
#fffbe8 rgb(255,251,232)
```
#fffffc
```
#fffffc rgb(255,255,252)
```

Tint Color Variation

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

#888574
```
#888574 rgb(136,133,116)
```
#918b6b
```
#918b6b rgb(145,139,107)
```
#9b9261
```
#9b9261 rgb(155,146,97)
```
#a59857
```
#a59857 rgb(165,152,87)
```
#ae9f4e
```
#ae9f4e rgb(174,159,78)
```
#b8a544
```
#b8a544 rgb(184,165,68)
```
#c2ac3a
```
#c2ac3a rgb(194,172,58)
```
#ccb230
```
#ccb230 rgb(204,178,48)
```
#d5b927
```
#d5b927 rgb(213,185,39)
```
#dfbf1d
```
#dfbf1d rgb(223,191,29)
```
#e9c613
```
#e9c613 rgb(233,198,19)
```
#f2cc0a
```
#f2cc0a rgb(242,204,10)
```
#fcd300
```
#fcd300 rgb(252,211,0)
```

Tone Color Variation

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

Dichromacy

#f2d80a Protanopia 1% of men
#ffd186 Deuteranopia 1% of men
#ffcad5 Tritanopia 0.001% of the population

Trichromacy

#f6d606 Protanomaly 1% of men, 0.01% of women
#fdd155 Deuteranomaly 6% of men, 0.4% of women
#fdcd87 Tritanomaly 0.01% of the population

#fcd300 hex color

#fcd300 Color Information

#fcd300 Color Conversion

Color Schemes with #fcd300

Alternatives to #fcd300

#fcd300 Preview

Shades and Tints of #fcd300

Tones of #fcd300

Color Blindness Simulator