#ccd322 hex color

In a RGB color space, hex #ccd322 is composed of 80% red, 82.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 83.9% yellow and 17.3% black. It has a hue angle of 62.4 degrees, a saturation of 72.2% and a lightness of 48%. #ccd322 color hex could be obtained by blending #ffff44 with #99a700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 83
- B 13
RGB color chart
- C 3
- M 0
- Y 84
- K 17
CMYK color chart

● #ccd322 color description : Strong yellow.

The hexadecimal color #ccd322 has RGB values of R:204, G:211, B:34 and CMYK values of C:0.03, M:0, Y:0.84, K:0.17. Its decimal value is 13423394.

Hex triplet	ccd322	`#ccd322`
RGB Decimal	204, 211, 34	`rgb(204,211,34)`
RGB Percent	80, 82.7, 13.3	`rgb(80%,82.7%,13.3%)`
CMYK	3, 0, 84, 17
HSL	62.4°, 72.2, 48	`hsl(62.4,72.2%,48%)`
HSV (or HSB)	62.4°, 83.9, 82.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	81.589, -21.132, 76.681
XYZ	48.485, 59.542, 10.452
xyY	0.409, 0.503, 59.542
CIE-LCH	81.589, 79.54, 105.407
CIE-LUV	81.589, 1.577, 87.428
Hunter-Lab	77.163, -22.877, 45.983
Binary	11001100, 11010011, 00100010

#ccd322
```
#ccd322 rgb(204,211,34)
```
#2922d3
```
#2922d3 rgb(41,34,211)
```

Complementary Color

#d38222
```
#d38222 rgb(211,130,34)
```
#ccd322
```
#ccd322 rgb(204,211,34)
```
#74d322
```
#74d322 rgb(116,211,34)
```

Analogous Color

#8222d3
```
#8222d3 rgb(130,34,211)
```
#ccd322
```
#ccd322 rgb(204,211,34)
```
#2274d3
```
#2274d3 rgb(34,116,211)
```

Split Complementary Color

#d322cc
```
#d322cc rgb(211,34,204)
```
#ccd322
```
#ccd322 rgb(204,211,34)
```
#22ccd3
```
#22ccd3 rgb(34,204,211)
```

Triadic Color

#d32922
```
#d32922 rgb(211,41,34)
```
#ccd322
```
#ccd322 rgb(204,211,34)
```
#22ccd3
```
#22ccd3 rgb(34,204,211)
```
#2922d3
```
#2922d3 rgb(41,34,211)
```

Tetradic Color

#8c9117
```
#8c9117 rgb(140,145,23)
```
#a2a71b
```
#a2a71b rgb(162,167,27)
```
#b7bd1e
```
#b7bd1e rgb(183,189,30)
```
#ccd322
```
#ccd322 rgb(204,211,34)
```
#d7de31
```
#d7de31 rgb(215,222,49)
```
#dbe147
```
#dbe147 rgb(219,225,71)
```
#dfe55d
```
#dfe55d rgb(223,229,93)
```

Monochromatic Color

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

#d3ae22
```
#d3ae22 rgb(211,174,34)
```
#d3bd22
```
#d3bd22 rgb(211,189,34)
```
#d3cb22
```
#d3cb22 rgb(211,203,34)
```
#ccd322
```
#ccd322 rgb(204,211,34)
```
#bdd322
```
#bdd322 rgb(189,211,34)
```
#afd322
```
#afd322 rgb(175,211,34)
```
#a0d322
```
#a0d322 rgb(160,211,34)
```

Similar Colors

Text with hexadecimal color #ccd322

This text has a font color of #ccd322.

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

#ccd322 background color

This paragraph has a background color of #ccd322.

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

#ccd322 border color

This element has a border color of #ccd322.

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

CSS codes

.text {color:#ccd322;}

.background {background-color:#ccd322;}

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

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

#080801
```
#080801 rgb(8,8,1)
```
#181904
```
#181904 rgb(24,25,4)
```
#292a07
```
#292a07 rgb(41,42,7)
```
#393b0a
```
#393b0a rgb(57,59,10)
```
#494c0c
```
#494c0c rgb(73,76,12)
```
#5a5d0f
```
#5a5d0f rgb(90,93,15)
```
#6a6e12
```
#6a6e12 rgb(106,110,18)
```
#7a7f14
```
#7a7f14 rgb(122,127,20)
```
#8b8f17
```
#8b8f17 rgb(139,143,23)
```
#9ba01a
```
#9ba01a rgb(155,160,26)
```
#abb11d
```
#abb11d rgb(171,177,29)
```
#bcc21f
```
#bcc21f rgb(188,194,31)
```
#ccd322
```
#ccd322 rgb(204,211,34)
```

Shade Color Variation

#d6dd2c
```
#d6dd2c rgb(214,221,44)
```
#d9e03d
```
#d9e03d rgb(217,224,61)
```
#dde24d
```
#dde24d rgb(221,226,77)
```
#e0e55e
```
#e0e55e rgb(224,229,94)
```
#e3e86f
```
#e3e86f rgb(227,232,111)
```
#e6eb80
```
#e6eb80 rgb(230,235,128)
```
#eaed91
```
#eaed91 rgb(234,237,145)
```
#edf0a2
```
#edf0a2 rgb(237,240,162)
```
#f0f3b3
```
#f0f3b3 rgb(240,243,179)
```
#f3f5c4
```
#f3f5c4 rgb(243,245,196)
```
#f7f8d5
```
#f7f8d5 rgb(247,248,213)
```
#fafbe5
```
#fafbe5 rgb(250,251,229)
```
#fdfef6
```
#fdfef6 rgb(253,254,246)
```

Tint Color Variation

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

#7e7e77
```
#7e7e77 rgb(126,126,119)
```
#87886d
```
#87886d rgb(135,136,109)
```
#8f9164
```
#8f9164 rgb(143,145,100)
```
#989a5b
```
#989a5b rgb(152,154,91)
```
#a1a451
```
#a1a451 rgb(161,164,81)
```
#a9ad48
```
#a9ad48 rgb(169,173,72)
```
#b2b73e
```
#b2b73e rgb(178,183,62)
```
#bbc035
```
#bbc035 rgb(187,192,53)
```
#c3ca2b
```
#c3ca2b rgb(195,202,43)
```
#ccd322
```
#ccd322 rgb(204,211,34)
```
#d5dc19
```
#d5dc19 rgb(213,220,25)
```
#dde60f
```
#dde60f rgb(221,230,15)
```
#e6ef06
```
#e6ef06 rgb(230,239,6)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c0c19e Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6cd2b Protanopia 1% of men
#ffc342 Deuteranopia 1% of men
#ddc7d5 Tritanopia 0.001% of the population

Trichromacy

#dccf27 Protanomaly 1% of men, 0.01% of women
#ecc936 Deuteranomaly 6% of men, 0.4% of women
#d7cb94 Tritanomaly 0.01% of the population

#ccd322 hex color

#ccd322 Color Information

#ccd322 Color Conversion

Color Schemes with #ccd322

Alternatives to #ccd322

#ccd322 Preview

Shades and Tints of #ccd322

Tones of #ccd322

Color Blindness Simulator