#fcd304 hex color

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

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

● #fcd304 color description : Vivid yellow.

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

Hex triplet	fcd304	`#fcd304`
RGB Decimal	252, 211, 4	`rgb(252,211,4)`
RGB Percent	98.8, 82.7, 1.6	`rgb(98.8%,82.7%,1.6%)`
CMYK	0, 16, 98, 1
HSL	50.1°, 97.6, 50.2	`hsl(50.1,97.6%,50.2%)`
HSV (or HSB)	50.1°, 98.4, 98.8
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	85.653, -1.145, 85.751
XYZ	63.462, 67.295, 9.762
xyY	0.452, 0.479, 67.295
CIE-LCH	85.653, 85.759, 90.765
CIE-LUV	85.653, 36.161, 90.387
Hunter-Lab	82.034, -5.47, 50.368
Binary	11111100, 11010011, 00000100

#fcd304
```
#fcd304 rgb(252,211,4)
```
#042dfc
```
#042dfc rgb(4,45,252)
```

Complementary Color

#fc5704
```
#fc5704 rgb(252,87,4)
```
#fcd304
```
#fcd304 rgb(252,211,4)
```
#a9fc04
```
#a9fc04 rgb(169,252,4)
```

Analogous Color

#5704fc
```
#5704fc rgb(87,4,252)
```
#fcd304
```
#fcd304 rgb(252,211,4)
```
#04a9fc
```
#04a9fc rgb(4,169,252)
```

Split Complementary Color

#d304fc
```
#d304fc rgb(211,4,252)
```
#fcd304
```
#fcd304 rgb(252,211,4)
```
#04fcd3
```
#04fcd3 rgb(4,252,211)
```

Triadic Color

#fc042d
```
#fc042d rgb(252,4,45)
```
#fcd304
```
#fcd304 rgb(252,211,4)
```
#04fcd3
```
#04fcd3 rgb(4,252,211)
```
#042dfc
```
#042dfc rgb(4,45,252)
```

Tetradic Color

#b19402
```
#b19402 rgb(177,148,2)
```
#cba902
```
#cba902 rgb(203,169,2)
```
#e4bf03
```
#e4bf03 rgb(228,191,3)
```
#fcd304
```
#fcd304 rgb(252,211,4)
```
#fcd71d
```
#fcd71d rgb(252,215,29)
```
#fddc36
```
#fddc36 rgb(253,220,54)
```
#fde050
```
#fde050 rgb(253,224,80)
```

Monochromatic Color

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

#fc9504
```
#fc9504 rgb(252,149,4)
```
#fcaa04
```
#fcaa04 rgb(252,170,4)
```
#fcbe04
```
#fcbe04 rgb(252,190,4)
```
#fcd304
```
#fcd304 rgb(252,211,4)
```
#fce804
```
#fce804 rgb(252,232,4)
```
#fcfc04
```
#fcfc04 rgb(252,252,4)
```
#e7fc04
```
#e7fc04 rgb(231,252,4)
```

Similar Colors

Text with hexadecimal color #fcd304

This text has a font color of #fcd304.

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

#fcd304 background color

This paragraph has a background color of #fcd304.

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

#fcd304 border color

This element has a border color of #fcd304.

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

CSS codes

.text {color:#fcd304;}

.background {background-color:#fcd304;}

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

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, #010100 is the darkest color, while #fffced is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#141100
```
#141100 rgb(20,17,0)
```
#282100
```
#282100 rgb(40,33,0)
```
#3b3101
```
#3b3101 rgb(59,49,1)
```
#4f4201
```
#4f4201 rgb(79,66,1)
```
#625201
```
#625201 rgb(98,82,1)
```
#756201
```
#756201 rgb(117,98,1)
```
#897202
```
#897202 rgb(137,114,2)
```
#9c8302
```
#9c8302 rgb(156,131,2)
```
#af9302
```
#af9302 rgb(175,147,2)
```
#c3a302
```
#c3a302 rgb(195,163,2)
```
#d6b303
```
#d6b303 rgb(214,179,3)
```
#eac303
```
#eac303 rgb(234,195,3)
```

Shade Color Variation

#fcd304
```
#fcd304 rgb(252,211,4)
```
#fcd617
```
#fcd617 rgb(252,214,23)
```
#fcda2b
```
#fcda2b rgb(252,218,43)
```
#fddd3e
```
#fddd3e rgb(253,221,62)
```
#fde152
```
#fde152 rgb(253,225,82)
```
#fde465
```
#fde465 rgb(253,228,101)
```
#fde778
```
#fde778 rgb(253,231,120)
```
#feeb8c
```
#feeb8c rgb(254,235,140)
```
#feee9f
```
#feee9f rgb(254,238,159)
```
#fef2b2
```
#fef2b2 rgb(254,242,178)
```
#fef5c6
```
#fef5c6 rgb(254,245,198)
```
#fff8d9
```
#fff8d9 rgb(255,248,217)
```
#fffced
```
#fffced rgb(255,252,237)
```

Tint Color Variation

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

#878579
```
#878579 rgb(135,133,121)
```
#918b6f
```
#918b6f rgb(145,139,111)
```
#9a9266
```
#9a9266 rgb(154,146,102)
```
#a4985c
```
#a4985c rgb(164,152,92)
```
#ae9f52
```
#ae9f52 rgb(174,159,82)
```
#b8a548
```
#b8a548 rgb(184,165,72)
```
#c1ac3f
```
#c1ac3f rgb(193,172,63)
```
#cbb235
```
#cbb235 rgb(203,178,53)
```
#d5b92b
```
#d5b92b rgb(213,185,43)
```
#dfbf21
```
#dfbf21 rgb(223,191,33)
```
#e8c618
```
#e8c618 rgb(232,198,24)
```
#f2cc0e
```
#f2cc0e rgb(242,204,14)
```
#fcd304
```
#fcd304 rgb(252,211,4)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#d2caa1 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#f6d60d Protanomaly 1% of men, 0.01% of women
#fdd157 Deuteranomaly 6% of men, 0.4% of women
#fdcd89 Tritanomaly 0.01% of the population

#fcd304 hex color

#fcd304 Color Information

#fcd304 Color Conversion

Color Schemes with #fcd304

Alternatives to #fcd304

#fcd304 Preview

Shades and Tints of #fcd304

Tones of #fcd304

Color Blindness Simulator