#fcd318 hex color

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

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

● #fcd318 color description : Vivid yellow.

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

Hex triplet	fcd318	`#fcd318`
RGB Decimal	252, 211, 24	`rgb(252,211,24)`
RGB Percent	98.8, 82.7, 9.4	`rgb(98.8%,82.7%,9.4%)`
CMYK	0, 16, 90, 1
HSL	49.2°, 97.4, 54.1	`hsl(49.2,97.4%,54.1%)`
HSV (or HSB)	49.2°, 90.5, 98.8
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	85.682, -0.942, 83.557
XYZ	63.605, 67.353, 10.514
xyY	0.45, 0.476, 67.353
CIE-LCH	85.682, 83.562, 90.646
CIE-LUV	85.682, 35.993, 89.131
Hunter-Lab	82.069, -5.279, 49.852
Binary	11111100, 11010011, 00011000

#fcd318
```
#fcd318 rgb(252,211,24)
```
#1841fc
```
#1841fc rgb(24,65,252)
```

Complementary Color

#fc6118
```
#fc6118 rgb(252,97,24)
```
#fcd318
```
#fcd318 rgb(252,211,24)
```
#b3fc18
```
#b3fc18 rgb(179,252,24)
```

Analogous Color

#6118fc
```
#6118fc rgb(97,24,252)
```
#fcd318
```
#fcd318 rgb(252,211,24)
```
#18b3fc
```
#18b3fc rgb(24,179,252)
```

Split Complementary Color

#d318fc
```
#d318fc rgb(211,24,252)
```
#fcd318
```
#fcd318 rgb(252,211,24)
```
#18fcd3
```
#18fcd3 rgb(24,252,211)
```

Triadic Color

#fc1841
```
#fc1841 rgb(252,24,65)
```
#fcd318
```
#fcd318 rgb(252,211,24)
```
#18fcd3
```
#18fcd3 rgb(24,252,211)
```
#1841fc
```
#1841fc rgb(24,65,252)
```

Tetradic Color

#c5a203
```
#c5a203 rgb(197,162,3)
```
#deb703
```
#deb703 rgb(222,183,3)
```
#f7cb03
```
#f7cb03 rgb(247,203,3)
```
#fcd318
```
#fcd318 rgb(252,211,24)
```
#fcd831
```
#fcd831 rgb(252,216,49)
```
#fddd4a
```
#fddd4a rgb(253,221,74)
```
#fde164
```
#fde164 rgb(253,225,100)
```

Monochromatic Color

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

#fc9a18
```
#fc9a18 rgb(252,154,24)
```
#fcad18
```
#fcad18 rgb(252,173,24)
```
#fcc018
```
#fcc018 rgb(252,192,24)
```
#fcd318
```
#fcd318 rgb(252,211,24)
```
#fce618
```
#fce618 rgb(252,230,24)
```
#fcf918
```
#fcf918 rgb(252,249,24)
```
#ecfc18
```
#ecfc18 rgb(236,252,24)
```

Similar Colors

Text with hexadecimal color #fcd318

This text has a font color of #fcd318.

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

#fcd318 background color

This paragraph has a background color of #fcd318.

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

#fcd318 border color

This element has a border color of #fcd318.

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

CSS codes

.text {color:#fcd318;}

.background {background-color:#fcd318;}

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

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)
```
#151100
```
#151100 rgb(21,17,0)
```
#282101
```
#282101 rgb(40,33,1)
```
#3b3101
```
#3b3101 rgb(59,49,1)
```
#4f4101
```
#4f4101 rgb(79,65,1)
```
#625101
```
#625101 rgb(98,81,1)
```
#766102
```
#766102 rgb(118,97,2)
```
#897102
```
#897102 rgb(137,113,2)
```
#9c8102
```
#9c8102 rgb(156,129,2)
```
#b09002
```
#b09002 rgb(176,144,2)
```
#c3a003
```
#c3a003 rgb(195,160,3)
```
#d6b003
```
#d6b003 rgb(214,176,3)
```
#eac003
```
#eac003 rgb(234,192,3)
```

Shade Color Variation

#fccf05
```
#fccf05 rgb(252,207,5)
```
#fcd318
```
#fcd318 rgb(252,211,24)
```
#fcd72b
```
#fcd72b rgb(252,215,43)
```
#fdda3f
```
#fdda3f rgb(253,218,63)
```
#fdde52
```
#fdde52 rgb(253,222,82)
```
#fde265
```
#fde265 rgb(253,226,101)
```
#fde579
```
#fde579 rgb(253,229,121)
```
#fee98c
```
#fee98c rgb(254,233,140)
```
#feeda0
```
#feeda0 rgb(254,237,160)
```
#fef1b3
```
#fef1b3 rgb(254,241,179)
```
#fef4c6
```
#fef4c6 rgb(254,244,198)
```
#fff8da
```
#fff8da rgb(255,248,218)
```
#fffced
```
#fffced rgb(255,252,237)
```

Tint Color Variation

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

#908e84
```
#908e84 rgb(144,142,132)
```
#99947b
```
#99947b rgb(153,148,123)
```
#a29972
```
#a29972 rgb(162,153,114)
```
#ab9f69
```
#ab9f69 rgb(171,159,105)
```
#b4a560
```
#b4a560 rgb(180,165,96)
```
#bdab57
```
#bdab57 rgb(189,171,87)
```
#c6b04e
```
#c6b04e rgb(198,176,78)
```
#cfb645
```
#cfb645 rgb(207,182,69)
```
#d8bc3c
```
#d8bc3c rgb(216,188,60)
```
#e1c233
```
#e1c233 rgb(225,194,51)
```
#eac72a
```
#eac72a rgb(234,199,42)
```
#f3cd21
```
#f3cd21 rgb(243,205,33)
```
#fcd318
```
#fcd318 rgb(252,211,24)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#d4cca6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2d825 Protanopia 1% of men
#ffd187 Deuteranopia 1% of men
#ffcad5 Tritanopia 0.001% of the population

Trichromacy

#f5d620 Protanomaly 1% of men, 0.01% of women
#fdd15f Deuteranomaly 6% of men, 0.4% of women
#fdcd90 Tritanomaly 0.01% of the population

#fcd318 hex color

#fcd318 Color Information

#fcd318 Color Conversion

Color Schemes with #fcd318

Alternatives to #fcd318

#fcd318 Preview

Shades and Tints of #fcd318

Tones of #fcd318

Color Blindness Simulator