#ccc326 hex color

In a RGB color space, hex #ccc326 is composed of 80% red, 76.5% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 81.4% yellow and 20% black. It has a hue angle of 56.7 degrees, a saturation of 68.6% and a lightness of 47.5%. #ccc326 color hex could be obtained by blending #ffff4c with #998700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 76
- B 15
RGB color chart
- C 0
- M 4
- Y 81
- K 20
CMYK color chart

● #ccc326 color description : Strong yellow.

The hexadecimal color #ccc326 has RGB values of R:204, G:195, B:38 and CMYK values of C:0, M:0.04, Y:0.81, K:0.2. Its decimal value is 13419302.

Hex triplet	ccc326	`#ccc326`
RGB Decimal	204, 195, 38	`rgb(204,195,38)`
RGB Percent	80, 76.5, 14.9	`rgb(80%,76.5%,14.9%)`
CMYK	0, 4, 81, 20
HSL	56.7°, 68.6, 47.5	`hsl(56.7,68.6%,47.5%)`
HSV (or HSB)	56.7°, 81.4, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	77.286, -13.07, 72.088
XYZ	44.767, 52.009, 9.514
xyY	0.421, 0.489, 52.009
CIE-LCH	77.286, 73.263, 100.277
CIE-LUV	77.286, 12.036, 80.502
Hunter-Lab	72.117, -15.4, 42.66
Binary	11001100, 11000011, 00100110

#ccc326
```
#ccc326 rgb(204,195,38)
```
#262fcc
```
#262fcc rgb(38,47,204)
```

Complementary Color

#cc7026
```
#cc7026 rgb(204,112,38)
```
#ccc326
```
#ccc326 rgb(204,195,38)
```
#82cc26
```
#82cc26 rgb(130,204,38)
```

Analogous Color

#7026cc
```
#7026cc rgb(112,38,204)
```
#ccc326
```
#ccc326 rgb(204,195,38)
```
#2682cc
```
#2682cc rgb(38,130,204)
```

Split Complementary Color

#c326cc
```
#c326cc rgb(195,38,204)
```
#ccc326
```
#ccc326 rgb(204,195,38)
```
#26ccc3
```
#26ccc3 rgb(38,204,195)
```

Triadic Color

#cc262f
```
#cc262f rgb(204,38,47)
```
#ccc326
```
#ccc326 rgb(204,195,38)
```
#26ccc3
```
#26ccc3 rgb(38,204,195)
```
#262fcc
```
#262fcc rgb(38,47,204)
```

Tetradic Color

#8c851a
```
#8c851a rgb(140,133,26)
```
#a19a1e
```
#a19a1e rgb(161,154,30)
```
#b7ae22
```
#b7ae22 rgb(183,174,34)
```
#ccc326
```
#ccc326 rgb(204,195,38)
```
#d9d033
```
#d9d033 rgb(217,208,51)
```
#ddd548
```
#ddd548 rgb(221,213,72)
```
#e1da5e
```
#e1da5e rgb(225,218,94)
```

Monochromatic Color

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

#cc9a26
```
#cc9a26 rgb(204,154,38)
```
#cca726
```
#cca726 rgb(204,167,38)
```
#ccb526
```
#ccb526 rgb(204,181,38)
```
#ccc326
```
#ccc326 rgb(204,195,38)
```
#c7cc26
```
#c7cc26 rgb(199,204,38)
```
#b9cc26
```
#b9cc26 rgb(185,204,38)
```
#accc26
```
#accc26 rgb(172,204,38)
```

Similar Colors

Text with hexadecimal color #ccc326

This text has a font color of #ccc326.

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

#ccc326 background color

This paragraph has a background color of #ccc326.

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

#ccc326 border color

This element has a border color of #ccc326.

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

CSS codes

.text {color:#ccc326;}

.background {background-color:#ccc326;}

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

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

#060501
```
#060501 rgb(6,5,1)
```
#161504
```
#161504 rgb(22,21,4)
```
#272507
```
#272507 rgb(39,37,7)
```
#37350a
```
#37350a rgb(55,53,10)
```
#48450d
```
#48450d rgb(72,69,13)
```
#585410
```
#585410 rgb(88,84,16)
```
#696414
```
#696414 rgb(105,100,20)
```
#797417
```
#797417 rgb(121,116,23)
```
#8a841a
```
#8a841a rgb(138,132,26)
```
#9a941d
```
#9a941d rgb(154,148,29)
```
#aba320
```
#aba320 rgb(171,163,32)
```
#bbb323
```
#bbb323 rgb(187,179,35)
```
#ccc326
```
#ccc326 rgb(204,195,38)
```

Shade Color Variation

#d8cf2e
```
#d8cf2e rgb(216,207,46)
```
#dbd33e
```
#dbd33e rgb(219,211,62)
```
#ded64f
```
#ded64f rgb(222,214,79)
```
#e1da5f
```
#e1da5f rgb(225,218,95)
```
#e4de70
```
#e4de70 rgb(228,222,112)
```
#e7e280
```
#e7e280 rgb(231,226,128)
```
#eae691
```
#eae691 rgb(234,230,145)
```
#eee9a1
```
#eee9a1 rgb(238,233,161)
```
#f1edb2
```
#f1edb2 rgb(241,237,178)
```
#f4f1c2
```
#f4f1c2 rgb(244,241,194)
```
#f7f5d3
```
#f7f5d3 rgb(247,245,211)
```
#faf9e4
```
#faf9e4 rgb(250,249,228)
```
#fdfcf4
```
#fdfcf4 rgb(253,252,244)
```

Tint Color Variation

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

#828170
```
#828170 rgb(130,129,112)
```
#8b8967
```
#8b8967 rgb(139,137,103)
```
#94915e
```
#94915e rgb(148,145,94)
```
#9d9a55
```
#9d9a55 rgb(157,154,85)
```
#a7a24b
```
#a7a24b rgb(167,162,75)
```
#b0aa42
```
#b0aa42 rgb(176,170,66)
```
#b9b239
```
#b9b239 rgb(185,178,57)
```
#c3bb2f
```
#c3bb2f rgb(195,187,47)
```
#ccc326
```
#ccc326 rgb(204,195,38)
```
#d5cb1d
```
#d5cb1d rgb(213,203,29)
```
#dfd413
```
#dfd413 rgb(223,212,19)
```
#e8dc0a
```
#e8dc0a rgb(232,220,10)
```
#f1e401
```
#f1e401 rgb(241,228,1)
```

Tone Color Variation

Below, you can see how #ccc326 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
#b9b798 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c230 Protanopia 1% of men
#f1b939 Deuteranopia 1% of men
#dbb9c6 Tritanopia 0.001% of the population

Trichromacy

#d4c22c Protanomaly 1% of men, 0.01% of women
#e3bc32 Deuteranomaly 6% of men, 0.4% of women
#d5bc8c Tritanomaly 0.01% of the population

#ccc326 hex color

#ccc326 Color Information

#ccc326 Color Conversion

Color Schemes with #ccc326

Alternatives to #ccc326

#ccc326 Preview

Shades and Tints of #ccc326

Tones of #ccc326

Color Blindness Simulator