#fcc216 hex color

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

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

● #fcc216 color description : Vivid orange.

The hexadecimal color #fcc216 has RGB values of R:252, G:194, B:22 and CMYK values of C:0, M:0.23, Y:0.91, K:0.01. Its decimal value is 16564758.

Hex triplet	fcc216	`#fcc216`
RGB Decimal	252, 194, 22	`rgb(252,194,22)`
RGB Percent	98.8, 76.1, 8.6	`rgb(98.8%,76.1%,8.6%)`
CMYK	0, 23, 91, 1
HSL	44.9°, 97.5, 53.7	`hsl(44.9,97.5%,53.7%)`
HSV (or HSB)	44.9°, 91.3, 98.8
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	81.478, 7.757, 80.704
XYZ	59.583, 59.34, 9.075
xyY	0.465, 0.464, 59.34
CIE-LCH	81.478, 81.076, 84.51
CIE-LUV	81.478, 48.856, 82.988
Hunter-Lab	77.033, 3.258, 46.938
Binary	11111100, 11000010, 00010110

#fcc216
```
#fcc216 rgb(252,194,22)
```
#1650fc
```
#1650fc rgb(22,80,252)
```

Complementary Color

#fc4f16
```
#fc4f16 rgb(252,79,22)
```
#fcc216
```
#fcc216 rgb(252,194,22)
```
#c3fc16
```
#c3fc16 rgb(195,252,22)
```

Analogous Color

#4f16fc
```
#4f16fc rgb(79,22,252)
```
#fcc216
```
#fcc216 rgb(252,194,22)
```
#16c3fc
```
#16c3fc rgb(22,195,252)
```

Split Complementary Color

#c216fc
```
#c216fc rgb(194,22,252)
```
#fcc216
```
#fcc216 rgb(252,194,22)
```
#16fcc2
```
#16fcc2 rgb(22,252,194)
```

Triadic Color

#fc1650
```
#fc1650 rgb(252,22,80)
```
#fcc216
```
#fcc216 rgb(252,194,22)
```
#16fcc2
```
#16fcc2 rgb(22,252,194)
```
#1650fc
```
#1650fc rgb(22,80,252)
```

Tetradic Color

#c39203
```
#c39203 rgb(195,146,3)
```
#dca503
```
#dca503 rgb(220,165,3)
```
#f5b803
```
#f5b803 rgb(245,184,3)
```
#fcc216
```
#fcc216 rgb(252,194,22)
```
#fcc92f
```
#fcc92f rgb(252,201,47)
```
#fdcf48
```
#fdcf48 rgb(253,207,72)
```
#fdd662
```
#fdd662 rgb(253,214,98)
```

Monochromatic Color

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

#fc8916
```
#fc8916 rgb(252,137,22)
```
#fc9c16
```
#fc9c16 rgb(252,156,22)
```
#fcaf16
```
#fcaf16 rgb(252,175,22)
```
#fcc216
```
#fcc216 rgb(252,194,22)
```
#fcd516
```
#fcd516 rgb(252,213,22)
```
#fce816
```
#fce816 rgb(252,232,22)
```
#fcfc16
```
#fcfc16 rgb(252,252,22)
```

Similar Colors

Text with hexadecimal color #fcc216

This text has a font color of #fcc216.

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

#fcc216 background color

This paragraph has a background color of #fcc216.

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

#fcc216 border color

This element has a border color of #fcc216.

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

CSS codes

.text {color:#fcc216;}

.background {background-color:#fcc216;}

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

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

#130e00
```
#130e00 rgb(19,14,0)
```
#261d00
```
#261d00 rgb(38,29,0)
```
#392b01
```
#392b01 rgb(57,43,1)
```
#4d3a01
```
#4d3a01 rgb(77,58,1)
```
#604801
```
#604801 rgb(96,72,1)
```
#745701
```
#745701 rgb(116,87,1)
```
#876502
```
#876502 rgb(135,101,2)
```
#9a7402
```
#9a7402 rgb(154,116,2)
```
#ae8202
```
#ae8202 rgb(174,130,2)
```
#c19102
```
#c19102 rgb(193,145,2)
```
#d4a003
```
#d4a003 rgb(212,160,3)
```
#e8ae03
```
#e8ae03 rgb(232,174,3)
```
#fbbd03
```
#fbbd03 rgb(251,189,3)
```

Shade Color Variation

#fcc216
```
#fcc216 rgb(252,194,22)
```
#fcc729
```
#fcc729 rgb(252,199,41)
```
#fccc3d
```
#fccc3d rgb(252,204,61)
```
#fdd150
```
#fdd150 rgb(253,209,80)
```
#fdd663
```
#fdd663 rgb(253,214,99)
```
#fddb77
```
#fddb77 rgb(253,219,119)
```
#fde08a
```
#fde08a rgb(253,224,138)
```
#fee59e
```
#fee59e rgb(254,229,158)
```
#feebb1
```
#feebb1 rgb(254,235,177)
```
#fef0c4
```
#fef0c4 rgb(254,240,196)
```
#fef5d8
```
#fef5d8 rgb(254,245,216)
```
#fffaeb
```
#fffaeb rgb(255,250,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#8f8c83
```
#8f8c83 rgb(143,140,131)
```
#98917a
```
#98917a rgb(152,145,122)
```
#a19571
```
#a19571 rgb(161,149,113)
```
#aa9a68
```
#aa9a68 rgb(170,154,104)
```
#b39e5f
```
#b39e5f rgb(179,158,95)
```
#bca356
```
#bca356 rgb(188,163,86)
```
#c6a74c
```
#c6a74c rgb(198,167,76)
```
#cfac43
```
#cfac43 rgb(207,172,67)
```
#d8b03a
```
#d8b03a rgb(216,176,58)
```
#e1b531
```
#e1b531 rgb(225,181,49)
```
#eab928
```
#eab928 rgb(234,185,40)
```
#f3be1f
```
#f3be1f rgb(243,190,31)
```
#fcc216
```
#fcc216 rgb(252,194,22)
```

Tone Color Variation

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

Dichromacy

#e6cd24 Protanopia 1% of men
#ffc339 Deuteranopia 1% of men
#ffbbc6 Tritanopia 0.001% of the population

Trichromacy

#eec91f Protanomaly 1% of men, 0.01% of women
#fdc32c Deuteranomaly 6% of men, 0.4% of women
#fdbd86 Tritanomaly 0.01% of the population

#fcc216 hex color

#fcc216 Color Information

#fcc216 Color Conversion

Color Schemes with #fcc216

Alternatives to #fcc216

#fcc216 Preview

Shades and Tints of #fcc216

Tones of #fcc216

Color Blindness Simulator