#ccc021 hex color

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

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

● #ccc021 color description : Strong yellow.

The hexadecimal color #ccc021 has RGB values of R:204, G:192, B:33 and CMYK values of C:0, M:0.06, Y:0.84, K:0.2. Its decimal value is 13418529.

Hex triplet	ccc021	`#ccc021`
RGB Decimal	204, 192, 33	`rgb(204,192,33)`
RGB Percent	80, 75.3, 12.9	`rgb(80%,75.3%,12.9%)`
CMYK	0, 6, 84, 20
HSL	55.8°, 72.2, 46.5	`hsl(55.8,72.2%,46.5%)`
HSV (or HSB)	55.8°, 83.8, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	76.465, -11.69, 72.639
XYZ	44.026, 50.648, 8.896
xyY	0.425, 0.489, 50.648
CIE-LCH	76.465, 73.574, 99.142
CIE-LUV	76.465, 14.141, 80.092
Hunter-Lab	71.167, -14.117, 42.406
Binary	11001100, 11000000, 00100001

#ccc021
```
#ccc021 rgb(204,192,33)
```
#212dcc
```
#212dcc rgb(33,45,204)
```

Complementary Color

#cc6b21
```
#cc6b21 rgb(204,107,33)
```
#ccc021
```
#ccc021 rgb(204,192,33)
```
#83cc21
```
#83cc21 rgb(131,204,33)
```

Analogous Color

#6b21cc
```
#6b21cc rgb(107,33,204)
```
#ccc021
```
#ccc021 rgb(204,192,33)
```
#2183cc
```
#2183cc rgb(33,131,204)
```

Split Complementary Color

#c021cc
```
#c021cc rgb(192,33,204)
```
#ccc021
```
#ccc021 rgb(204,192,33)
```
#21ccc0
```
#21ccc0 rgb(33,204,192)
```

Triadic Color

#cc212d
```
#cc212d rgb(204,33,45)
```
#ccc021
```
#ccc021 rgb(204,192,33)
```
#21ccc0
```
#21ccc0 rgb(33,204,192)
```
#212dcc
```
#212dcc rgb(33,45,204)
```

Tetradic Color

#8a8216
```
#8a8216 rgb(138,130,22)
```
#a0971a
```
#a0971a rgb(160,151,26)
```
#b6ab1d
```
#b6ab1d rgb(182,171,29)
```
#ccc021
```
#ccc021 rgb(204,192,33)
```
#ddd02a
```
#ddd02a rgb(221,208,42)
```
#e0d540
```
#e0d540 rgb(224,213,64)
```
#e4da56
```
#e4da56 rgb(228,218,86)
```

Monochromatic Color

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

#cc9521
```
#cc9521 rgb(204,149,33)
```
#cca421
```
#cca421 rgb(204,164,33)
```
#ccb221
```
#ccb221 rgb(204,178,33)
```
#ccc021
```
#ccc021 rgb(204,192,33)
```
#cacc21
```
#cacc21 rgb(202,204,33)
```
#bccc21
```
#bccc21 rgb(188,204,33)
```
#adcc21
```
#adcc21 rgb(173,204,33)
```

Similar Colors

Text with hexadecimal color #ccc021

This text has a font color of #ccc021.

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

#ccc021 background color

This paragraph has a background color of #ccc021.

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

#ccc021 border color

This element has a border color of #ccc021.

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

CSS codes

.text {color:#ccc021;}

.background {background-color:#ccc021;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#121103
```
#121103 rgb(18,17,3)
```
#232106
```
#232106 rgb(35,33,6)
```
#343108
```
#343108 rgb(52,49,8)
```
#45410b
```
#45410b rgb(69,65,11)
```
#56510e
```
#56510e rgb(86,81,14)
```
#676111
```
#676111 rgb(103,97,17)
```
#787113
```
#787113 rgb(120,113,19)
```
#888016
```
#888016 rgb(136,128,22)
```
#999019
```
#999019 rgb(153,144,25)
```
#aaa01c
```
#aaa01c rgb(170,160,28)
```
#bbb01e
```
#bbb01e rgb(187,176,30)
```
#ccc021
```
#ccc021 rgb(204,192,33)
```

Shade Color Variation

#dccf25
```
#dccf25 rgb(220,207,37)
```
#ded336
```
#ded336 rgb(222,211,54)
```
#e1d647
```
#e1d647 rgb(225,214,71)
```
#e4da58
```
#e4da58 rgb(228,218,88)
```
#e7de68
```
#e7de68 rgb(231,222,104)
```
#e9e279
```
#e9e279 rgb(233,226,121)
```
#ece58a
```
#ece58a rgb(236,229,138)
```
#efe99b
```
#efe99b rgb(239,233,155)
```
#f2edac
```
#f2edac rgb(242,237,172)
```
#f4f0bd
```
#f4f0bd rgb(244,240,189)
```
#f7f4ce
```
#f7f4ce rgb(247,244,206)
```
#faf8df
```
#faf8df rgb(250,248,223)
```
#fcfcf0
```
#fcfcf0 rgb(252,252,240)
```

Tint Color Variation

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

#7a7973
```
#7a7973 rgb(122,121,115)
```
#83816a
```
#83816a rgb(131,129,106)
```
#8c8961
```
#8c8961 rgb(140,137,97)
```
#959158
```
#959158 rgb(149,145,88)
```
#9e994f
```
#9e994f rgb(158,153,79)
```
#a8a145
```
#a8a145 rgb(168,161,69)
```
#b1a83c
```
#b1a83c rgb(177,168,60)
```
#bab033
```
#bab033 rgb(186,176,51)
```
#c3b82a
```
#c3b82a rgb(195,184,42)
```
#ccc021
```
#ccc021 rgb(204,192,33)
```
#d5c818
```
#d5c818 rgb(213,200,24)
```
#ded00f
```
#ded00f rgb(222,208,15)
```
#e7d806
```
#e7d806 rgb(231,216,6)
```

Tone Color Variation

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

#d7c02b Protanopia 1% of men
#efb634 Deuteranopia 1% of men
#dab6c3 Tritanopia 0.001% of the population

Trichromacy

#d3c027 Protanomaly 1% of men, 0.01% of women
#e2ba2d Deuteranomaly 6% of men, 0.4% of women
#d5ba88 Tritanomaly 0.01% of the population

#ccc021 hex color

#ccc021 Color Information

#ccc021 Color Conversion

Color Schemes with #ccc021

Alternatives to #ccc021

#ccc021 Preview

Shades and Tints of #ccc021

Tones of #ccc021

Color Blindness Simulator