#fcc30a hex color

In a RGB color space, hex #fcc30a is composed of 98.8% red, 76.5% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.6% magenta, 96% yellow and 1.2% black. It has a hue angle of 45.9 degrees, a saturation of 97.6% and a lightness of 51.4%. #fcc30a color hex could be obtained by blending #ffff14 with #f98700. Closest websafe color is: #ffcc00.

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

● #fcc30a color description : Vivid yellow.

The hexadecimal color #fcc30a has RGB values of R:252, G:195, B:10 and CMYK values of C:0, M:0.23, Y:0.96, K:0.01. Its decimal value is 16565002.

Hex triplet	fcc30a	`#fcc30a`
RGB Decimal	252, 195, 10	`rgb(252,195,10)`
RGB Percent	98.8, 76.5, 3.9	`rgb(98.8%,76.5%,3.9%)`
CMYK	0, 23, 96, 1
HSL	45.9°, 97.6, 51.4	`hsl(45.9,97.6%,51.4%)`
HSV (or HSB)	45.9°, 96, 98.8
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	81.703, 7.109, 82.393
XYZ	59.716, 59.751, 8.675
xyY	0.466, 0.466, 59.751
CIE-LCH	81.703, 82.699, 85.069
CIE-LUV	81.703, 48.223, 84.202
Hunter-Lab	77.299, 2.625, 47.455
Binary	11111100, 11000011, 00001010

#fcc30a
```
#fcc30a rgb(252,195,10)
```
#0a43fc
```
#0a43fc rgb(10,67,252)
```

Complementary Color

#fc4a0a
```
#fc4a0a rgb(252,74,10)
```
#fcc30a
```
#fcc30a rgb(252,195,10)
```
#bcfc0a
```
#bcfc0a rgb(188,252,10)
```

Analogous Color

#4a0afc
```
#4a0afc rgb(74,10,252)
```
#fcc30a
```
#fcc30a rgb(252,195,10)
```
#0abcfc
```
#0abcfc rgb(10,188,252)
```

Split Complementary Color

#c30afc
```
#c30afc rgb(195,10,252)
```
#fcc30a
```
#fcc30a rgb(252,195,10)
```
#0afcc3
```
#0afcc3 rgb(10,252,195)
```

Triadic Color

#fc0a43
```
#fc0a43 rgb(252,10,67)
```
#fcc30a
```
#fcc30a rgb(252,195,10)
```
#0afcc3
```
#0afcc3 rgb(10,252,195)
```
#0a43fc
```
#0a43fc rgb(10,67,252)
```

Tetradic Color

#b78d02
```
#b78d02 rgb(183,141,2)
```
#d0a003
```
#d0a003 rgb(208,160,3)
```
#eab303
```
#eab303 rgb(234,179,3)
```
#fcc30a
```
#fcc30a rgb(252,195,10)
```
#fcc923
```
#fcc923 rgb(252,201,35)
```
#fdcf3c
```
#fdcf3c rgb(253,207,60)
```
#fdd656
```
#fdd656 rgb(253,214,86)
```

Monochromatic Color

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

#fc870a
```
#fc870a rgb(252,135,10)
```
#fc9b0a
```
#fc9b0a rgb(252,155,10)
```
#fcaf0a
```
#fcaf0a rgb(252,175,10)
```
#fcc30a
```
#fcc30a rgb(252,195,10)
```
#fcd70a
```
#fcd70a rgb(252,215,10)
```
#fceb0a
```
#fceb0a rgb(252,235,10)
```
#f9fc0a
```
#f9fc0a rgb(249,252,10)
```

Similar Colors

Text with hexadecimal color #fcc30a

This text has a font color of #fcc30a.

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

#fcc30a background color

This paragraph has a background color of #fcc30a.

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

#fcc30a border color

This element has a border color of #fcc30a.

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

CSS codes

.text {color:#fcc30a;}

.background {background-color:#fcc30a;}

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

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

#070500
```
#070500 rgb(7,5,0)
```
#1a1400
```
#1a1400 rgb(26,20,0)
```
#2e2301
```
#2e2301 rgb(46,35,1)
```
#413201
```
#413201 rgb(65,50,1)
```
#544101
```
#544101 rgb(84,65,1)
```
#685001
```
#685001 rgb(104,80,1)
```
#7b5f02
```
#7b5f02 rgb(123,95,2)
```
#8f6d02
```
#8f6d02 rgb(143,109,2)
```
#a27c02
```
#a27c02 rgb(162,124,2)
```
#b58b02
```
#b58b02 rgb(181,139,2)
```
#c99a02
```
#c99a02 rgb(201,154,2)
```
#dca903
```
#dca903 rgb(220,169,3)
```
#efb803
```
#efb803 rgb(239,184,3)
```

Shade Color Variation

#fcc30a
```
#fcc30a rgb(252,195,10)
```
#fcc81d
```
#fcc81d rgb(252,200,29)
```
#fccc31
```
#fccc31 rgb(252,204,49)
```
#fdd144
```
#fdd144 rgb(253,209,68)
```
#fdd658
```
#fdd658 rgb(253,214,88)
```
#fddb6b
```
#fddb6b rgb(253,219,107)
```
#fddf7e
```
#fddf7e rgb(253,223,126)
```
#fee492
```
#fee492 rgb(254,228,146)
```
#fee9a5
```
#fee9a5 rgb(254,233,165)
```
#feeeb8
```
#feeeb8 rgb(254,238,184)
```
#fef2cc
```
#fef2cc rgb(254,242,204)
```
#fff7df
```
#fff7df rgb(255,247,223)
```
#fffcf3
```
#fffcf3 rgb(255,252,243)
```

Tint Color Variation

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

#8a867c
```
#8a867c rgb(138,134,124)
```
#938c73
```
#938c73 rgb(147,140,115)
```
#9d9169
```
#9d9169 rgb(157,145,105)
```
#a69660
```
#a69660 rgb(166,150,96)
```
#b09b56
```
#b09b56 rgb(176,155,86)
```
#b9a04d
```
#b9a04d rgb(185,160,77)
```
#c3a543
```
#c3a543 rgb(195,165,67)
```
#ccaa3a
```
#ccaa3a rgb(204,170,58)
```
#d6af30
```
#d6af30 rgb(214,175,48)
```
#dfb427
```
#dfb427 rgb(223,180,39)
```
#e9b91d
```
#e9b91d rgb(233,185,29)
```
#f2be14
```
#f2be14 rgb(242,190,20)
```
#fcc30a
```
#fcc30a rgb(252,195,10)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

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

#fcc30a hex color

#fcc30a Color Information

#fcc30a Color Conversion

Color Schemes with #fcc30a

Alternatives to #fcc30a

#fcc30a Preview

Shades and Tints of #fcc30a

Tones of #fcc30a

Color Blindness Simulator