#fcf316 hex color

In a RGB color space, hex #fcf316 is composed of 98.8% red, 95.3% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.6% magenta, 91.3% yellow and 1.2% black. It has a hue angle of 57.7 degrees, a saturation of 97.5% and a lightness of 53.7%. #fcf316 color hex could be obtained by blending #ffff2c with #f9e700. Closest websafe color is: #ffff00.

♥
- f
- t
- g
- R 99
- G 95
- B 9
RGB color chart
- C 0
- M 4
- Y 91
- K 1
CMYK color chart

● #fcf316 color description : Vivid yellow.

The hexadecimal color #fcf316 has RGB values of R:252, G:243, B:22 and CMYK values of C:0, M:0.04, Y:0.91, K:0.01. Its decimal value is 16577302.

Hex triplet	fcf316	`#fcf316`
RGB Decimal	252, 243, 22	`rgb(252,243,22)`
RGB Percent	98.8, 95.3, 8.6	`rgb(98.8%,95.3%,8.6%)`
CMYK	0, 4, 91, 1
HSL	57.7°, 97.5, 53.7	`hsl(57.7,97.5%,53.7%)`
HSV (or HSB)	57.7°, 91.3, 98.8
Web Safe	ffff00	`#ffff00`

CIE-LAB	93.821, -16.856, 90.045
XYZ	72.341, 84.856, 13.327
xyY	0.424, 0.498, 84.856
CIE-LCH	93.821, 91.609, 100.603
CIE-LUV	93.821, 13.491, 101.245
Hunter-Lab	92.117, -21.028, 55.904
Binary	11111100, 11110011, 00010110

#fcf316
```
#fcf316 rgb(252,243,22)
```
#161ffc
```
#161ffc rgb(22,31,252)
```

Complementary Color

#fc8016
```
#fc8016 rgb(252,128,22)
```
#fcf316
```
#fcf316 rgb(252,243,22)
```
#92fc16
```
#92fc16 rgb(146,252,22)
```

Analogous Color

#8016fc
```
#8016fc rgb(128,22,252)
```
#fcf316
```
#fcf316 rgb(252,243,22)
```
#1692fc
```
#1692fc rgb(22,146,252)
```

Split Complementary Color

#f316fc
```
#f316fc rgb(243,22,252)
```
#fcf316
```
#fcf316 rgb(252,243,22)
```
#16fcf3
```
#16fcf3 rgb(22,252,243)
```

Triadic Color

#fc161f
```
#fc161f rgb(252,22,31)
```
#fcf316
```
#fcf316 rgb(252,243,22)
```
#16fcf3
```
#16fcf3 rgb(22,252,243)
```
#161ffc
```
#161ffc rgb(22,31,252)
```

Tetradic Color

#c3bb03
```
#c3bb03 rgb(195,187,3)
```
#dcd403
```
#dcd403 rgb(220,212,3)
```
#f5ec03
```
#f5ec03 rgb(245,236,3)
```
#fcf316
```
#fcf316 rgb(252,243,22)
```
#fcf42f
```
#fcf42f rgb(252,244,47)
```
#fdf648
```
#fdf648 rgb(253,246,72)
```
#fdf762
```
#fdf762 rgb(253,247,98)
```

Monochromatic Color

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

#fcba16
```
#fcba16 rgb(252,186,22)
```
#fccd16
```
#fccd16 rgb(252,205,22)
```
#fce016
```
#fce016 rgb(252,224,22)
```
#fcf316
```
#fcf316 rgb(252,243,22)
```
#f2fc16
```
#f2fc16 rgb(242,252,22)
```
#dffc16
```
#dffc16 rgb(223,252,22)
```
#ccfc16
```
#ccfc16 rgb(204,252,22)
```

Similar Colors

Text with hexadecimal color #fcf316

This text has a font color of #fcf316.

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

#fcf316 background color

This paragraph has a background color of #fcf316.

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

#fcf316 border color

This element has a border color of #fcf316.

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

CSS codes

.text {color:#fcf316;}

.background {background-color:#fcf316;}

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

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

#131200
```
#131200 rgb(19,18,0)
```
#262500
```
#262500 rgb(38,37,0)
```
#393701
```
#393701 rgb(57,55,1)
```
#4d4a01
```
#4d4a01 rgb(77,74,1)
```
#605d01
```
#605d01 rgb(96,93,1)
```
#746f01
```
#746f01 rgb(116,111,1)
```
#878202
```
#878202 rgb(135,130,2)
```
#9a9402
```
#9a9402 rgb(154,148,2)
```
#aea702
```
#aea702 rgb(174,167,2)
```
#c1ba02
```
#c1ba02 rgb(193,186,2)
```
#d4cc03
```
#d4cc03 rgb(212,204,3)
```
#e8df03
```
#e8df03 rgb(232,223,3)
```
#fbf103
```
#fbf103 rgb(251,241,3)
```

Shade Color Variation

#fcf316
```
#fcf316 rgb(252,243,22)
```
#fcf429
```
#fcf429 rgb(252,244,41)
```
#fcf53d
```
#fcf53d rgb(252,245,61)
```
#fdf650
```
#fdf650 rgb(253,246,80)
```
#fdf763
```
#fdf763 rgb(253,247,99)
```
#fdf877
```
#fdf877 rgb(253,248,119)
```
#fdf98a
```
#fdf98a rgb(253,249,138)
```
#fefa9e
```
#fefa9e rgb(254,250,158)
```
#fefbb1
```
#fefbb1 rgb(254,251,177)
```
#fefcc4
```
#fefcc4 rgb(254,252,196)
```
#fefdd8
```
#fefdd8 rgb(254,253,216)
```
#fffeeb
```
#fffeeb rgb(255,254,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#8f8f83
```
#8f8f83 rgb(143,143,131)
```
#98977a
```
#98977a rgb(152,151,122)
```
#a19f71
```
#a19f71 rgb(161,159,113)
```
#aaa868
```
#aaa868 rgb(170,168,104)
```
#b3b05f
```
#b3b05f rgb(179,176,95)
```
#bcb856
```
#bcb856 rgb(188,184,86)
```
#c6c14c
```
#c6c14c rgb(198,193,76)
```
#cfc943
```
#cfc943 rgb(207,201,67)
```
#d8d23a
```
#d8d23a rgb(216,210,58)
```
#e1da31
```
#e1da31 rgb(225,218,49)
```
#eae228
```
#eae228 rgb(234,226,40)
```
#f3eb1f
```
#f3eb1f rgb(243,235,31)
```
#fcf316
```
#fcf316 rgb(252,243,22)
```

Tone Color Variation

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

#dcdcdc Achromatopsia 0.005% of the population
#e2e1b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeea9 Protanopia 1% of men
#ffebd3 Deuteranopia 1% of men
#ffe8f1 Tritanopia 0.001% of the population

Trichromacy

#fdf074 Protanomaly 1% of men, 0.01% of women
#fdee8e Deuteranomaly 6% of men, 0.4% of women
#fdeca1 Tritanomaly 0.01% of the population

#fcf316 hex color

#fcf316 Color Information

#fcf316 Color Conversion

Color Schemes with #fcf316

Alternatives to #fcf316

#fcf316 Preview

Shades and Tints of #fcf316

Tones of #fcf316

Color Blindness Simulator