#ccc01f hex color

In a RGB color space, hex #ccc01f is composed of 80% red, 75.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.9% magenta, 84.8% yellow and 20% black. It has a hue angle of 55.8 degrees, a saturation of 73.6% and a lightness of 46.1%. #ccc01f color hex could be obtained by blending #ffff3e with #998100. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 75
- B 12
RGB color chart
- C 0
- M 6
- Y 85
- K 20
CMYK color chart

● #ccc01f color description : Strong yellow.

The hexadecimal color #ccc01f has RGB values of R:204, G:192, B:31 and CMYK values of C:0, M:0.06, Y:0.85, K:0.2. Its decimal value is 13418527.

Hex triplet	ccc01f	`#ccc01f`
RGB Decimal	204, 192, 31	`rgb(204,192,31)`
RGB Percent	80, 75.3, 12.2	`rgb(80%,75.3%,12.2%)`
CMYK	0, 6, 85, 20
HSL	55.8°, 73.6, 46.1	`hsl(55.8,73.6%,46.1%)`
HSV (or HSB)	55.8°, 84.8, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	76.458, -11.741, 73.096
XYZ	43.999, 50.637, 8.752
xyY	0.426, 0.49, 50.637
CIE-LCH	76.458, 74.033, 99.125
CIE-LUV	76.458, 14.167, 80.376
Hunter-Lab	71.159, -14.16, 42.519
Binary	11001100, 11000000, 00011111

#ccc01f
```
#ccc01f rgb(204,192,31)
```
#1f2bcc
```
#1f2bcc rgb(31,43,204)
```

Complementary Color

#cc6a1f
```
#cc6a1f rgb(204,106,31)
```
#ccc01f
```
#ccc01f rgb(204,192,31)
```
#82cc1f
```
#82cc1f rgb(130,204,31)
```

Analogous Color

#6a1fcc
```
#6a1fcc rgb(106,31,204)
```
#ccc01f
```
#ccc01f rgb(204,192,31)
```
#1f82cc
```
#1f82cc rgb(31,130,204)
```

Split Complementary Color

#c01fcc
```
#c01fcc rgb(192,31,204)
```
#ccc01f
```
#ccc01f rgb(204,192,31)
```
#1fccc0
```
#1fccc0 rgb(31,204,192)
```

Triadic Color

#cc1f2b
```
#cc1f2b rgb(204,31,43)
```
#ccc01f
```
#ccc01f rgb(204,192,31)
```
#1fccc0
```
#1fccc0 rgb(31,204,192)
```
#1f2bcc
```
#1f2bcc rgb(31,43,204)
```

Tetradic Color

#8a8115
```
#8a8115 rgb(138,129,21)
```
#a09618
```
#a09618 rgb(160,150,24)
```
#b6ab1c
```
#b6ab1c rgb(182,171,28)
```
#ccc01f
```
#ccc01f rgb(204,192,31)
```
#ded126
```
#ded126 rgb(222,209,38)
```
#e1d63d
```
#e1d63d rgb(225,214,61)
```
#e5db53
```
#e5db53 rgb(229,219,83)
```

Monochromatic Color

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

#cc951f
```
#cc951f rgb(204,149,31)
```
#cca31f
```
#cca31f rgb(204,163,31)
```
#ccb21f
```
#ccb21f rgb(204,178,31)
```
#ccc01f
```
#ccc01f rgb(204,192,31)
```
#cacc1f
```
#cacc1f rgb(202,204,31)
```
#bbcc1f
```
#bbcc1f rgb(187,204,31)
```
#adcc1f
```
#adcc1f rgb(173,204,31)
```

Similar Colors

Text with hexadecimal color #ccc01f

This text has a font color of #ccc01f.

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

#ccc01f background color

This paragraph has a background color of #ccc01f.

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

#ccc01f border color

This element has a border color of #ccc01f.

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

CSS codes

.text {color:#ccc01f;}

.background {background-color:#ccc01f;}

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

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

#111003
```
#111003 rgb(17,16,3)
```
#222005
```
#222005 rgb(34,32,5)
```
#333008
```
#333008 rgb(51,48,8)
```
#44400a
```
#44400a rgb(68,64,10)
```
#55500d
```
#55500d rgb(85,80,13)
```
#66600f
```
#66600f rgb(102,96,15)
```
#777012
```
#777012 rgb(119,112,18)
```
#888015
```
#888015 rgb(136,128,21)
```
#999017
```
#999017 rgb(153,144,23)
```
#aaa01a
```
#aaa01a rgb(170,160,26)
```
#bbb01c
```
#bbb01c rgb(187,176,28)
```
#ccc01f
```
#ccc01f rgb(204,192,31)
```
#ddd022
```
#ddd022 rgb(221,208,34)
```

Shade Color Variation

#e0d432
```
#e0d432 rgb(224,212,50)
```
#e2d743
```
#e2d743 rgb(226,215,67)
```
#e5db54
```
#e5db54 rgb(229,219,84)
```
#e8df65
```
#e8df65 rgb(232,223,101)
```
#eae276
```
#eae276 rgb(234,226,118)
```
#ede687
```
#ede687 rgb(237,230,135)
```
#efe998
```
#efe998 rgb(239,233,152)
```
#f2edaa
```
#f2edaa rgb(242,237,170)
```
#f5f1bb
```
#f5f1bb rgb(245,241,187)
```
#f7f4cc
```
#f7f4cc rgb(247,244,204)
```
#faf8dd
```
#faf8dd rgb(250,248,221)
```
#fcfbee
```
#fcfbee rgb(252,251,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b7a70
```
#7b7a70 rgb(123,122,112)
```
#848267
```
#848267 rgb(132,130,103)
```
#8d8a5e
```
#8d8a5e rgb(141,138,94)
```
#969155
```
#969155 rgb(150,145,85)
```
#9f994c
```
#9f994c rgb(159,153,76)
```
#a8a143
```
#a8a143 rgb(168,161,67)
```
#b1a93a
```
#b1a93a rgb(177,169,58)
```
#bab031
```
#bab031 rgb(186,176,49)
```
#c3b828
```
#c3b828 rgb(195,184,40)
```
#ccc01f
```
#ccc01f rgb(204,192,31)
```
#d5c816
```
#d5c816 rgb(213,200,22)
```
#ded00d
```
#ded00d rgb(222,208,13)
```
#e7d704
```
#e7d704 rgb(231,215,4)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b6b494 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c029 Protanopia 1% of men
#efb633 Deuteranopia 1% of men
#dbb6c3 Tritanopia 0.001% of the population

Trichromacy

#d3c025 Protanomaly 1% of men, 0.01% of women
#e2ba2b Deuteranomaly 6% of men, 0.4% of women
#d5b987 Tritanomaly 0.01% of the population

#ccc01f hex color

#ccc01f Color Information

#ccc01f Color Conversion

Color Schemes with #ccc01f

Alternatives to #ccc01f

#ccc01f Preview

Shades and Tints of #ccc01f

Tones of #ccc01f

Color Blindness Simulator