#fccc0f hex color

In a RGB color space, hex #fccc0f is composed of 98.8% red, 80% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19% magenta, 94% yellow and 1.2% black. It has a hue angle of 47.8 degrees, a saturation of 97.5% and a lightness of 52.4%. #fccc0f color hex could be obtained by blending #ffff1e with #f99900. Closest websafe color is: #ffcc00.

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

● #fccc0f color description : Vivid yellow.

The hexadecimal color #fccc0f has RGB values of R:252, G:204, B:15 and CMYK values of C:0, M:0.19, Y:0.94, K:0.01. Its decimal value is 16567311.

Hex triplet	fccc0f	`#fccc0f`
RGB Decimal	252, 204, 15	`rgb(252,204,15)`
RGB Percent	98.8, 80, 5.9	`rgb(98.8%,80%,5.9%)`
CMYK	0, 19, 94, 1
HSL	47.8°, 97.5, 52.4	`hsl(47.8,97.5%,52.4%)`
HSV (or HSB)	47.8°, 94, 98.8
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	83.923, 2.519, 83.473
XYZ	61.825, 63.919, 9.533
xyY	0.457, 0.473, 63.919
CIE-LCH	83.923, 83.511, 88.271
CIE-LUV	83.923, 41.309, 87.229
Hunter-Lab	79.949, -1.876, 48.895
Binary	11111100, 11001100, 00001111

#fccc0f
```
#fccc0f rgb(252,204,15)
```
#0f3ffc
```
#0f3ffc rgb(15,63,252)
```

Complementary Color

#fc550f
```
#fc550f rgb(252,85,15)
```
#fccc0f
```
#fccc0f rgb(252,204,15)
```
#b6fc0f
```
#b6fc0f rgb(182,252,15)
```

Analogous Color

#560ffc
```
#560ffc rgb(86,15,252)
```
#fccc0f
```
#fccc0f rgb(252,204,15)
```
#0fb6fc
```
#0fb6fc rgb(15,182,252)
```

Split Complementary Color

#cc0ffc
```
#cc0ffc rgb(204,15,252)
```
#fccc0f
```
#fccc0f rgb(252,204,15)
```
#0ffccc
```
#0ffccc rgb(15,252,204)
```

Triadic Color

#fc0f3f
```
#fc0f3f rgb(252,15,63)
```
#fccc0f
```
#fccc0f rgb(252,204,15)
```
#0ffccc
```
#0ffccc rgb(15,252,204)
```
#0f3ffc
```
#0f3ffc rgb(15,63,252)
```

Tetradic Color

#bc9702
```
#bc9702 rgb(188,151,2)
```
#d5ab03
```
#d5ab03 rgb(213,171,3)
```
#efbf03
```
#efbf03 rgb(239,191,3)
```
#fccc0f
```
#fccc0f rgb(252,204,15)
```
#fcd128
```
#fcd128 rgb(252,209,40)
```
#fdd741
```
#fdd741 rgb(253,215,65)
```
#fddc5b
```
#fddc5b rgb(253,220,91)
```

Monochromatic Color

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

#fc910f
```
#fc910f rgb(252,145,15)
```
#fca50f
```
#fca50f rgb(252,165,15)
```
#fcb80f
```
#fcb80f rgb(252,184,15)
```
#fccc0f
```
#fccc0f rgb(252,204,15)
```
#fce00f
```
#fce00f rgb(252,224,15)
```
#fcf40f
```
#fcf40f rgb(252,244,15)
```
#f1fc0f
```
#f1fc0f rgb(241,252,15)
```

Similar Colors

Text with hexadecimal color #fccc0f

This text has a font color of #fccc0f.

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

#fccc0f background color

This paragraph has a background color of #fccc0f.

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

#fccc0f border color

This element has a border color of #fccc0f.

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

CSS codes

.text {color:#fccc0f;}

.background {background-color:#fccc0f;}

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

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

#0c0900
```
#0c0900 rgb(12,9,0)
```
#1f1900
```
#1f1900 rgb(31,25,0)
```
#332801
```
#332801 rgb(51,40,1)
```
#463801
```
#463801 rgb(70,56,1)
```
#594701
```
#594701 rgb(89,71,1)
```
#6d5701
```
#6d5701 rgb(109,87,1)
```
#806602
```
#806602 rgb(128,102,2)
```
#937602
```
#937602 rgb(147,118,2)
```
#a78502
```
#a78502 rgb(167,133,2)
```
#ba9502
```
#ba9502 rgb(186,149,2)
```
#cea403
```
#cea403 rgb(206,164,3)
```
#e1b403
```
#e1b403 rgb(225,180,3)
```
#f4c303
```
#f4c303 rgb(244,195,3)
```

Shade Color Variation

#fccc0f
```
#fccc0f rgb(252,204,15)
```
#fcd022
```
#fcd022 rgb(252,208,34)
```
#fcd436
```
#fcd436 rgb(252,212,54)
```
#fdd849
```
#fdd849 rgb(253,216,73)
```
#fddc5c
```
#fddc5c rgb(253,220,92)
```
#fde170
```
#fde170 rgb(253,225,112)
```
#fde583
```
#fde583 rgb(253,229,131)
```
#fee997
```
#fee997 rgb(254,233,151)
```
#feedaa
```
#feedaa rgb(254,237,170)
```
#fef1bd
```
#fef1bd rgb(254,241,189)
```
#fef5d1
```
#fef5d1 rgb(254,245,209)
```
#fff9e4
```
#fff9e4 rgb(255,249,228)
```
#fffdf7
```
#fffdf7 rgb(255,253,247)
```

Tint Color Variation

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

#8c897f
```
#8c897f rgb(140,137,127)
```
#958f76
```
#958f76 rgb(149,143,118)
```
#9f946c
```
#9f946c rgb(159,148,108)
```
#a89a63
```
#a89a63 rgb(168,154,99)
```
#b1a05a
```
#b1a05a rgb(177,160,90)
```
#bba550
```
#bba550 rgb(187,165,80)
```
#c4ab47
```
#c4ab47 rgb(196,171,71)
```
#cdb03e
```
#cdb03e rgb(205,176,62)
```
#d7b634
```
#d7b634 rgb(215,182,52)
```
#e0bb2b
```
#e0bb2b rgb(224,187,43)
```
#e9c122
```
#e9c122 rgb(233,193,34)
```
#f3c618
```
#f3c618 rgb(243,198,24)
```
#fccc0f
```
#fccc0f rgb(252,204,15)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#d0c6a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd41d Protanopia 1% of men
#ffcb6f Deuteranopia 1% of men
#ffc4cf Tritanopia 0.001% of the population

Trichromacy

#f2d118 Protanomaly 1% of men, 0.01% of women
#fdcb4c Deuteranomaly 6% of men, 0.4% of women
#fdc789 Tritanomaly 0.01% of the population

#fccc0f hex color

#fccc0f Color Information

#fccc0f Color Conversion

Color Schemes with #fccc0f

Alternatives to #fccc0f

#fccc0f Preview

Shades and Tints of #fccc0f

Tones of #fccc0f

Color Blindness Simulator