#fcc30e hex color

In a RGB color space, hex #fcc30e is composed of 98.8% red, 76.5% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.6% magenta, 94.4% yellow and 1.2% black. It has a hue angle of 45.6 degrees, a saturation of 97.5% and a lightness of 52.2%. #fcc30e color hex could be obtained by blending #ffff1c with #f98700. Closest websafe color is: #ffcc00.

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

● #fcc30e color description : Vivid yellow.

The hexadecimal color #fcc30e has RGB values of R:252, G:195, B:14 and CMYK values of C:0, M:0.23, Y:0.94, K:0.01. Its decimal value is 16565006.

Hex triplet	fcc30e	`#fcc30e`
RGB Decimal	252, 195, 14	`rgb(252,195,14)`
RGB Percent	98.8, 76.5, 5.5	`rgb(98.8%,76.5%,5.5%)`
CMYK	0, 23, 94, 1
HSL	45.6°, 97.5, 52.2	`hsl(45.6,97.5%,52.2%)`
HSV (or HSB)	45.6°, 94.4, 98.8
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	81.708, 7.144, 81.978
XYZ	59.74, 59.761, 8.804
xyY	0.466, 0.466, 59.761
CIE-LCH	81.708, 82.289, 85.019
CIE-LUV	81.708, 48.185, 83.972
Hunter-Lab	77.305, 2.659, 47.361
Binary	11111100, 11000011, 00001110

#fcc30e
```
#fcc30e rgb(252,195,14)
```
#0e47fc
```
#0e47fc rgb(14,71,252)
```

Complementary Color

#fc4c0e
```
#fc4c0e rgb(252,76,14)
```
#fcc30e
```
#fcc30e rgb(252,195,14)
```
#befc0e
```
#befc0e rgb(190,252,14)
```

Analogous Color

#4c0efc
```
#4c0efc rgb(76,14,252)
```
#fcc30e
```
#fcc30e rgb(252,195,14)
```
#0ebefc
```
#0ebefc rgb(14,190,252)
```

Split Complementary Color

#c30efc
```
#c30efc rgb(195,14,252)
```
#fcc30e
```
#fcc30e rgb(252,195,14)
```
#0efcc3
```
#0efcc3 rgb(14,252,195)
```

Triadic Color

#fc0e47
```
#fc0e47 rgb(252,14,71)
```
#fcc30e
```
#fcc30e rgb(252,195,14)
```
#0efcc3
```
#0efcc3 rgb(14,252,195)
```
#0e47fc
```
#0e47fc rgb(14,71,252)
```

Tetradic Color

#bb8f02
```
#bb8f02 rgb(187,143,2)
```
#d4a203
```
#d4a203 rgb(212,162,3)
```
#eeb503
```
#eeb503 rgb(238,181,3)
```
#fcc30e
```
#fcc30e rgb(252,195,14)
```
#fcc927
```
#fcc927 rgb(252,201,39)
```
#fdd040
```
#fdd040 rgb(253,208,64)
```
#fdd65a
```
#fdd65a rgb(253,214,90)
```

Monochromatic Color

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

#fc880e
```
#fc880e rgb(252,136,14)
```
#fc9b0e
```
#fc9b0e rgb(252,155,14)
```
#fcaf0e
```
#fcaf0e rgb(252,175,14)
```
#fcc30e
```
#fcc30e rgb(252,195,14)
```
#fcd70e
```
#fcd70e rgb(252,215,14)
```
#fceb0e
```
#fceb0e rgb(252,235,14)
```
#fafc0e
```
#fafc0e rgb(250,252,14)
```

Similar Colors

Text with hexadecimal color #fcc30e

This text has a font color of #fcc30e.

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

#fcc30e background color

This paragraph has a background color of #fcc30e.

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

#fcc30e border color

This element has a border color of #fcc30e.

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

CSS codes

.text {color:#fcc30e;}

.background {background-color:#fcc30e;}

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

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, #0b0800 is the darkest color, while #fffdf6 is the lightest one.

#0b0800
```
#0b0800 rgb(11,8,0)
```
#1e1700
```
#1e1700 rgb(30,23,0)
```
#322601
```
#322601 rgb(50,38,1)
```
#453501
```
#453501 rgb(69,53,1)
```
#584301
```
#584301 rgb(88,67,1)
```
#6c5201
```
#6c5201 rgb(108,82,1)
```
#7f6102
```
#7f6102 rgb(127,97,2)
```
#927002
```
#927002 rgb(146,112,2)
```
#a67f02
```
#a67f02 rgb(166,127,2)
```
#b98d02
```
#b98d02 rgb(185,141,2)
```
#cd9c03
```
#cd9c03 rgb(205,156,3)
```
#e0ab03
```
#e0ab03 rgb(224,171,3)
```
#f3ba03
```
#f3ba03 rgb(243,186,3)
```

Shade Color Variation

#fcc30e
```
#fcc30e rgb(252,195,14)
```
#fcc821
```
#fcc821 rgb(252,200,33)
```
#fccd35
```
#fccd35 rgb(252,205,53)
```
#fdd148
```
#fdd148 rgb(253,209,72)
```
#fdd65b
```
#fdd65b rgb(253,214,91)
```
#fddb6f
```
#fddb6f rgb(253,219,111)
```
#fde082
```
#fde082 rgb(253,224,130)
```
#fee596
```
#fee596 rgb(254,229,150)
```
#feeaa9
```
#feeaa9 rgb(254,234,169)
```
#feeebc
```
#feeebc rgb(254,238,188)
```
#fef3d0
```
#fef3d0 rgb(254,243,208)
```
#fff8e3
```
#fff8e3 rgb(255,248,227)
```
#fffdf6
```
#fffdf6 rgb(255,253,246)
```

Tint Color Variation

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

#8b887f
```
#8b887f rgb(139,136,127)
```
#958d75
```
#958d75 rgb(149,141,117)
```
#9e926c
```
#9e926c rgb(158,146,108)
```
#a89762
```
#a89762 rgb(168,151,98)
```
#b19c59
```
#b19c59 rgb(177,156,89)
```
#baa150
```
#baa150 rgb(186,161,80)
```
#c4a646
```
#c4a646 rgb(196,166,70)
```
#cdab3d
```
#cdab3d rgb(205,171,61)
```
#d6af34
```
#d6af34 rgb(214,175,52)
```
#e0b42a
```
#e0b42a rgb(224,180,42)
```
#e9b921
```
#e9b921 rgb(233,185,33)
```
#f3be17
```
#f3be17 rgb(243,190,23)
```
#fcc30e
```
#fcc30e rgb(252,195,14)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#cbc09c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6ce1d Protanopia 1% of men
#ffc440 Deuteranopia 1% of men
#ffbcc6 Tritanopia 0.001% of the population

Trichromacy

#eeca18 Protanomaly 1% of men, 0.01% of women
#fdc32e Deuteranomaly 6% of men, 0.4% of women
#fdbe83 Tritanomaly 0.01% of the population

#fcc30e hex color

#fcc30e Color Information

#fcc30e Color Conversion

Color Schemes with #fcc30e

Alternatives to #fcc30e

#fcc30e Preview

Shades and Tints of #fcc30e

Tones of #fcc30e

Color Blindness Simulator