#fccc1f hex color

In a RGB color space, hex #fccc1f is composed of 98.8% red, 80% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19% magenta, 87.7% yellow and 1.2% black. It has a hue angle of 47 degrees, a saturation of 97.4% and a lightness of 55.5%. #fccc1f color hex could be obtained by blending #ffff3e with #f99900. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 99
- G 80
- B 12
RGB color chart
- C 0
- M 19
- Y 88
- K 1
CMYK color chart

● #fccc1f color description : Vivid yellow.

The hexadecimal color #fccc1f has RGB values of R:252, G:204, B:31 and CMYK values of C:0, M:0.19, Y:0.88, K:0.01. Its decimal value is 16567327.

Hex triplet	fccc1f	`#fccc1f`
RGB Decimal	252, 204, 31	`rgb(252,204,31)`
RGB Percent	98.8, 80, 12.2	`rgb(98.8%,80%,12.2%)`
CMYK	0, 19, 88, 1
HSL	47°, 97.4, 55.5	`hsl(47,97.4%,55.5%)`
HSV (or HSB)	47°, 87.7, 98.8
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	83.957, 2.751, 80.971
XYZ	61.986, 63.983, 10.381
xyY	0.455, 0.469, 63.983
CIE-LCH	83.957, 81.018, 88.054
CIE-LUV	83.957, 41.096, 85.778
Hunter-Lab	79.989, -1.657, 48.298
Binary	11111100, 11001100, 00011111

#fccc1f
```
#fccc1f rgb(252,204,31)
```
#1f4ffc
```
#1f4ffc rgb(31,79,252)
```

Complementary Color

#fc5e1f
```
#fc5e1f rgb(252,94,31)
```
#fccc1f
```
#fccc1f rgb(252,204,31)
```
#befc1f
```
#befc1f rgb(190,252,31)
```

Analogous Color

#5e1ffc
```
#5e1ffc rgb(94,31,252)
```
#fccc1f
```
#fccc1f rgb(252,204,31)
```
#1fbefc
```
#1fbefc rgb(31,190,252)
```

Split Complementary Color

#cc1ffc
```
#cc1ffc rgb(204,31,252)
```
#fccc1f
```
#fccc1f rgb(252,204,31)
```
#1ffccc
```
#1ffccc rgb(31,252,204)
```

Triadic Color

#fc1f4f
```
#fc1f4f rgb(252,31,79)
```
#fccc1f
```
#fccc1f rgb(252,204,31)
```
#1ffccc
```
#1ffccc rgb(31,252,204)
```
#1f4ffc
```
#1f4ffc rgb(31,79,252)
```

Tetradic Color

#cca003
```
#cca003 rgb(204,160,3)
```
#e5b403
```
#e5b403 rgb(229,180,3)
```
#fcc606
```
#fcc606 rgb(252,198,6)
```
#fccc1f
```
#fccc1f rgb(252,204,31)
```
#fcd238
```
#fcd238 rgb(252,210,56)
```
#fdd751
```
#fdd751 rgb(253,215,81)
```
#fddd6a
```
#fddd6a rgb(253,221,106)
```

Monochromatic Color

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

#fc951f
```
#fc951f rgb(252,149,31)
```
#fca71f
```
#fca71f rgb(252,167,31)
```
#fcba1f
```
#fcba1f rgb(252,186,31)
```
#fccc1f
```
#fccc1f rgb(252,204,31)
```
#fcde1f
```
#fcde1f rgb(252,222,31)
```
#fcf11f
```
#fcf11f rgb(252,241,31)
```
#f5fc1f
```
#f5fc1f rgb(245,252,31)
```

Similar Colors

Text with hexadecimal color #fccc1f

This text has a font color of #fccc1f.

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

#fccc1f background color

This paragraph has a background color of #fccc1f.

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

#fccc1f border color

This element has a border color of #fccc1f.

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

CSS codes

.text {color:#fccc1f;}

.background {background-color:#fccc1f;}

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

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

#080700
```
#080700 rgb(8,7,0)
```
#1c1600
```
#1c1600 rgb(28,22,0)
```
#2f2501
```
#2f2501 rgb(47,37,1)
```
#423401
```
#423401 rgb(66,52,1)
```
#564301
```
#564301 rgb(86,67,1)
```
#695301
```
#695301 rgb(105,83,1)
```
#7c6202
```
#7c6202 rgb(124,98,2)
```
#907102
```
#907102 rgb(144,113,2)
```
#a38002
```
#a38002 rgb(163,128,2)
```
#b68f02
```
#b68f02 rgb(182,143,2)
```
#ca9f03
```
#ca9f03 rgb(202,159,3)
```
#ddae03
```
#ddae03 rgb(221,174,3)
```
#f1bd03
```
#f1bd03 rgb(241,189,3)
```

Shade Color Variation

#fcc80c
```
#fcc80c rgb(252,200,12)
```
#fccc1f
```
#fccc1f rgb(252,204,31)
```
#fcd032
```
#fcd032 rgb(252,208,50)
```
#fdd546
```
#fdd546 rgb(253,213,70)
```
#fdd959
```
#fdd959 rgb(253,217,89)
```
#fdde6c
```
#fdde6c rgb(253,222,108)
```
#fde280
```
#fde280 rgb(253,226,128)
```
#fee693
```
#fee693 rgb(254,230,147)
```
#feeba6
```
#feeba6 rgb(254,235,166)
```
#feefba
```
#feefba rgb(254,239,186)
```
#fef4cd
```
#fef4cd rgb(254,244,205)
```
#fff8e1
```
#fff8e1 rgb(255,248,225)
```
#fffcf4
```
#fffcf4 rgb(255,252,244)
```

Tint Color Variation

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

#939188
```
#939188 rgb(147,145,136)
```
#9c967f
```
#9c967f rgb(156,150,127)
```
#a59b76
```
#a59b76 rgb(165,155,118)
```
#ada06e
```
#ada06e rgb(173,160,110)
```
#b6a465
```
#b6a465 rgb(182,164,101)
```
#bfa95c
```
#bfa95c rgb(191,169,92)
```
#c8ae53
```
#c8ae53 rgb(200,174,83)
```
#d0b34b
```
#d0b34b rgb(208,179,75)
```
#d9b842
```
#d9b842 rgb(217,184,66)
```
#e2bd39
```
#e2bd39 rgb(226,189,57)
```
#ebc230
```
#ebc230 rgb(235,194,48)
```
#f3c728
```
#f3c728 rgb(243,199,40)
```
#fccc1f
```
#fccc1f rgb(252,204,31)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#d2c8a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd42c Protanopia 1% of men
#ffcb70 Deuteranopia 1% of men
#ffc4cf Tritanopia 0.001% of the population

Trichromacy

#f2d127 Protanomaly 1% of men, 0.01% of women
#fdcb53 Deuteranomaly 6% of men, 0.4% of women
#fdc78f Tritanomaly 0.01% of the population

#fccc1f hex color

#fccc1f Color Information

#fccc1f Color Conversion

Color Schemes with #fccc1f

Alternatives to #fccc1f

#fccc1f Preview

Shades and Tints of #fccc1f

Tones of #fccc1f

Color Blindness Simulator