#ccc22b hex color

In a RGB color space, hex #ccc22b is composed of 80% red, 76.1% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.9% magenta, 78.9% yellow and 20% black. It has a hue angle of 56.3 degrees, a saturation of 65.2% and a lightness of 48.4%. #ccc22b color hex could be obtained by blending #ffff56 with #998500. Closest websafe color is: #cccc33.

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

● #ccc22b color description : Strong yellow.

The hexadecimal color #ccc22b has RGB values of R:204, G:194, B:43 and CMYK values of C:0, M:0.05, Y:0.79, K:0.2. Its decimal value is 13419051.

Hex triplet	ccc22b	`#ccc22b`
RGB Decimal	204, 194, 43	`rgb(204,194,43)`
RGB Percent	80, 76.1, 16.9	`rgb(80%,76.1%,16.9%)`
CMYK	0, 5, 79, 20
HSL	56.3°, 65.2, 48.4	`hsl(56.3,65.2%,48.4%)`
HSV (or HSB)	56.3°, 78.9, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	77.039, -12.403, 70.498
XYZ	44.63, 51.596, 9.894
xyY	0.421, 0.486, 51.596
CIE-LCH	77.039, 71.58, 99.978
CIE-LUV	77.039, 12.634, 79.22
Hunter-Lab	71.831, -14.798, 42.115
Binary	11001100, 11000010, 00101011

#ccc22b
```
#ccc22b rgb(204,194,43)
```
#2b35cc
```
#2b35cc rgb(43,53,204)
```

Complementary Color

#cc722b
```
#cc722b rgb(204,114,43)
```
#ccc22b
```
#ccc22b rgb(204,194,43)
```
#86cc2b
```
#86cc2b rgb(134,204,43)
```

Analogous Color

#722bcc
```
#722bcc rgb(114,43,204)
```
#ccc22b
```
#ccc22b rgb(204,194,43)
```
#2b86cc
```
#2b86cc rgb(43,134,204)
```

Split Complementary Color

#c22bcc
```
#c22bcc rgb(194,43,204)
```
#ccc22b
```
#ccc22b rgb(204,194,43)
```
#2bccc2
```
#2bccc2 rgb(43,204,194)
```

Triadic Color

#cc2b35
```
#cc2b35 rgb(204,43,53)
```
#ccc22b
```
#ccc22b rgb(204,194,43)
```
#2bccc2
```
#2bccc2 rgb(43,204,194)
```
#2b35cc
```
#2b35cc rgb(43,53,204)
```

Tetradic Color

#8d861e
```
#8d861e rgb(141,134,30)
```
#a29a22
```
#a29a22 rgb(162,154,34)
```
#b7ae27
```
#b7ae27 rgb(183,174,39)
```
#ccc22b
```
#ccc22b rgb(204,194,43)
```
#d6cc3b
```
#d6cc3b rgb(214,204,59)
```
#dad250
```
#dad250 rgb(218,210,80)
```
#dfd765
```
#dfd765 rgb(223,215,101)
```

Monochromatic Color

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

#cc9a2b
```
#cc9a2b rgb(204,154,43)
```
#cca72b
```
#cca72b rgb(204,167,43)
```
#ccb52b
```
#ccb52b rgb(204,181,43)
```
#ccc22b
```
#ccc22b rgb(204,194,43)
```
#c9cc2b
```
#c9cc2b rgb(201,204,43)
```
#bbcc2b
```
#bbcc2b rgb(187,204,43)
```
#aecc2b
```
#aecc2b rgb(174,204,43)
```

Similar Colors

Text with hexadecimal color #ccc22b

This text has a font color of #ccc22b.

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

#ccc22b background color

This paragraph has a background color of #ccc22b.

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

#ccc22b border color

This element has a border color of #ccc22b.

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

CSS codes

.text {color:#ccc22b;}

.background {background-color:#ccc22b;}

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

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

#0a0902
```
#0a0902 rgb(10,9,2)
```
#1a1905
```
#1a1905 rgb(26,25,5)
```
#2a2809
```
#2a2809 rgb(42,40,9)
```
#3a370c
```
#3a370c rgb(58,55,12)
```
#4a4710
```
#4a4710 rgb(74,71,16)
```
#5b5613
```
#5b5613 rgb(91,86,19)
```
#6b6617
```
#6b6617 rgb(107,102,23)
```
#7b751a
```
#7b751a rgb(123,117,26)
```
#8b841d
```
#8b841d rgb(139,132,29)
```
#9b9421
```
#9b9421 rgb(155,148,33)
```
#aca324
```
#aca324 rgb(172,163,36)
```
#bcb328
```
#bcb328 rgb(188,179,40)
```
#ccc22b
```
#ccc22b rgb(204,194,43)
```

Shade Color Variation

#d5cb36
```
#d5cb36 rgb(213,203,54)
```
#d8cf46
```
#d8cf46 rgb(216,207,70)
```
#dbd356
```
#dbd356 rgb(219,211,86)
```
#dfd767
```
#dfd767 rgb(223,215,103)
```
#e2dc77
```
#e2dc77 rgb(226,220,119)
```
#e6e087
```
#e6e087 rgb(230,224,135)
```
#e9e497
```
#e9e497 rgb(233,228,151)
```
#ede8a7
```
#ede8a7 rgb(237,232,167)
```
#f0ecb8
```
#f0ecb8 rgb(240,236,184)
```
#f3f1c8
```
#f3f1c8 rgb(243,241,200)
```
#f7f5d8
```
#f7f5d8 rgb(247,245,216)
```
#faf9e8
```
#faf9e8 rgb(250,249,232)
```
#fefdf8
```
#fefdf8 rgb(254,253,248)
```

Tint Color Variation

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

#807f77
```
#807f77 rgb(128,127,119)
```
#8a886e
```
#8a886e rgb(138,136,110)
```
#939064
```
#939064 rgb(147,144,100)
```
#9d985b
```
#9d985b rgb(157,152,91)
```
#a6a151
```
#a6a151 rgb(166,161,81)
```
#b0a948
```
#b0a948 rgb(176,169,72)
```
#b9b13e
```
#b9b13e rgb(185,177,62)
```
#c3ba35
```
#c3ba35 rgb(195,186,53)
```
#ccc22b
```
#ccc22b rgb(204,194,43)
```
#d6ca22
```
#d6ca22 rgb(214,202,34)
```
#dfd318
```
#dfd318 rgb(223,211,24)
```
#e9db0f
```
#e9db0f rgb(233,219,15)
```
#f2e305
```
#f2e305 rgb(242,227,5)
```

Tone Color Variation

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

#d8c135 Protanopia 1% of men
#f0b83d Deuteranopia 1% of men
#dbb8c5 Tritanopia 0.001% of the population

Trichromacy

#d3c131 Protanomaly 1% of men, 0.01% of women
#e3bb36 Deuteranomaly 6% of men, 0.4% of women
#d5bb8d Tritanomaly 0.01% of the population

#ccc22b hex color

#ccc22b Color Information

#ccc22b Color Conversion

Color Schemes with #ccc22b

Alternatives to #ccc22b

#ccc22b Preview

Shades and Tints of #ccc22b

Tones of #ccc22b

Color Blindness Simulator