#ccc22f hex color

In a RGB color space, hex #ccc22f is composed of 80% red, 76.1% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.9% magenta, 77% yellow and 20% black. It has a hue angle of 56.2 degrees, a saturation of 62.5% and a lightness of 49.2%. #ccc22f color hex could be obtained by blending #ffff5e with #998500. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 76
- B 18
RGB color chart
- C 0
- M 5
- Y 77
- K 20
CMYK color chart

● #ccc22f color description : Strong yellow.

The hexadecimal color #ccc22f has RGB values of R:204, G:194, B:47 and CMYK values of C:0, M:0.05, Y:0.77, K:0.2. Its decimal value is 13419055.

Hex triplet	ccc22f	`#ccc22f`
RGB Decimal	204, 194, 47	`rgb(204,194,47)`
RGB Percent	80, 76.1, 18.4	`rgb(80%,76.1%,18.4%)`
CMYK	0, 5, 77, 20
HSL	56.2°, 62.5, 49.2	`hsl(56.2,62.5%,49.2%)`
HSV (or HSB)	56.2°, 77, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	77.057, -12.26, 69.317
XYZ	44.707, 51.627, 10.299
xyY	0.419, 0.484, 51.627
CIE-LCH	77.057, 70.393, 100.03
CIE-LUV	77.057, 12.564, 78.433
Hunter-Lab	71.852, -14.677, 41.798
Binary	11001100, 11000010, 00101111

#ccc22f
```
#ccc22f rgb(204,194,47)
```
#2f39cc
```
#2f39cc rgb(47,57,204)
```

Complementary Color

#cc742f
```
#cc742f rgb(204,116,47)
```
#ccc22f
```
#ccc22f rgb(204,194,47)
```
#88cc2f
```
#88cc2f rgb(136,204,47)
```

Analogous Color

#742fcc
```
#742fcc rgb(116,47,204)
```
#ccc22f
```
#ccc22f rgb(204,194,47)
```
#2f88cc
```
#2f88cc rgb(47,136,204)
```

Split Complementary Color

#c22fcc
```
#c22fcc rgb(194,47,204)
```
#ccc22f
```
#ccc22f rgb(204,194,47)
```
#2fccc2
```
#2fccc2 rgb(47,204,194)
```

Triadic Color

#cc2f39
```
#cc2f39 rgb(204,47,57)
```
#ccc22f
```
#ccc22f rgb(204,194,47)
```
#2fccc2
```
#2fccc2 rgb(47,204,194)
```
#2f39cc
```
#2f39cc rgb(47,57,204)
```

Tetradic Color

#8e8721
```
#8e8721 rgb(142,135,33)
```
#a39b25
```
#a39b25 rgb(163,155,37)
```
#b7ae2a
```
#b7ae2a rgb(183,174,42)
```
#ccc22f
```
#ccc22f rgb(204,194,47)
```
#d3ca41
```
#d3ca41 rgb(211,202,65)
```
#d8d056
```
#d8d056 rgb(216,208,86)
```
#ddd66b
```
#ddd66b rgb(221,214,107)
```

Monochromatic Color

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

#cc9b2f
```
#cc9b2f rgb(204,155,47)
```
#cca82f
```
#cca82f rgb(204,168,47)
```
#ccb52f
```
#ccb52f rgb(204,181,47)
```
#ccc22f
```
#ccc22f rgb(204,194,47)
```
#c9cc2f
```
#c9cc2f rgb(201,204,47)
```
#bccc2f
```
#bccc2f rgb(188,204,47)
```
#afcc2f
```
#afcc2f rgb(175,204,47)
```

Similar Colors

Text with hexadecimal color #ccc22f

This text has a font color of #ccc22f.

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

#ccc22f background color

This paragraph has a background color of #ccc22f.

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

#ccc22f border color

This element has a border color of #ccc22f.

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

CSS codes

.text {color:#ccc22f;}

.background {background-color:#ccc22f;}

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

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

#0d0c03
```
#0d0c03 rgb(13,12,3)
```
#1d1b07
```
#1d1b07 rgb(29,27,7)
```
#2d2a0a
```
#2d2a0a rgb(45,42,10)
```
#3d3a0e
```
#3d3a0e rgb(61,58,14)
```
#4c4912
```
#4c4912 rgb(76,73,18)
```
#5c5815
```
#5c5815 rgb(92,88,21)
```
#6c6719
```
#6c6719 rgb(108,103,25)
```
#7c761d
```
#7c761d rgb(124,118,29)
```
#8c8520
```
#8c8520 rgb(140,133,32)
```
#9c9524
```
#9c9524 rgb(156,149,36)
```
#aca428
```
#aca428 rgb(172,164,40)
```
#bcb32b
```
#bcb32b rgb(188,179,43)
```
#ccc22f
```
#ccc22f rgb(204,194,47)
```

Shade Color Variation

#d2c93c
```
#d2c93c rgb(210,201,60)
```
#d6cd4c
```
#d6cd4c rgb(214,205,76)
```
#dad25c
```
#dad25c rgb(218,210,92)
```
#ddd66c
```
#ddd66c rgb(221,214,108)
```
#e1da7c
```
#e1da7c rgb(225,218,124)
```
#e5df8c
```
#e5df8c rgb(229,223,140)
```
#e8e39c
```
#e8e39c rgb(232,227,156)
```
#ece8ac
```
#ece8ac rgb(236,232,172)
```
#f0ecbc
```
#f0ecbc rgb(240,236,188)
```
#f3f1cc
```
#f3f1cc rgb(243,241,204)
```
#f7f5dc
```
#f7f5dc rgb(247,245,220)
```
#fbfaec
```
#fbfaec rgb(251,250,236)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#7f7f7c
```
#7f7f7c rgb(127,127,124)
```
#888773
```
#888773 rgb(136,135,115)
```
#928f69
```
#928f69 rgb(146,143,105)
```
#9c985f
```
#9c985f rgb(156,152,95)
```
#a5a056
```
#a5a056 rgb(165,160,86)
```
#afa94c
```
#afa94c rgb(175,169,76)
```
#b9b142
```
#b9b142 rgb(185,177,66)
```
#c2ba39
```
#c2ba39 rgb(194,186,57)
```
#ccc22f
```
#ccc22f rgb(204,194,47)
```
#d6ca25
```
#d6ca25 rgb(214,202,37)
```
#dfd31c
```
#dfd31c rgb(223,211,28)
```
#e9db12
```
#e9db12 rgb(233,219,18)
```
#f3e408
```
#f3e408 rgb(243,228,8)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b9b799 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c139 Protanopia 1% of men
#f0b840 Deuteranopia 1% of men
#dbb8c5 Tritanopia 0.001% of the population

Trichromacy

#d3c135 Protanomaly 1% of men, 0.01% of women
#e3bb3a Deuteranomaly 6% of men, 0.4% of women
#d5bc8e Tritanomaly 0.01% of the population

#ccc22f hex color

#ccc22f Color Information

#ccc22f Color Conversion

Color Schemes with #ccc22f

Alternatives to #ccc22f

#ccc22f Preview

Shades and Tints of #ccc22f

Tones of #ccc22f

Color Blindness Simulator