#cdc522 hex color

In a RGB color space, hex #cdc522 is composed of 80.4% red, 77.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.9% magenta, 83.4% yellow and 19.6% black. It has a hue angle of 57.2 degrees, a saturation of 71.5% and a lightness of 46.9%. #cdc522 color hex could be obtained by blending #ffff44 with #9b8b00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 77
- B 13
RGB color chart
- C 0
- M 4
- Y 83
- K 20
CMYK color chart

● #cdc522 color description : Strong yellow.

The hexadecimal color #cdc522 has RGB values of R:205, G:197, B:34 and CMYK values of C:0, M:0.04, Y:0.83, K:0.2. Its decimal value is 13485346.

Hex triplet	cdc522	`#cdc522`
RGB Decimal	205, 197, 34	`rgb(205,197,34)`
RGB Percent	80.4, 77.3, 13.3	`rgb(80.4%,77.3%,13.3%)`
CMYK	0, 4, 83, 20
HSL	57.2°, 71.5, 46.9	`hsl(57.2,71.5%,46.9%)`
HSV (or HSB)	57.2°, 83.4, 80.4
Web Safe	cccc33	`#cccc33`

CIE-LAB	77.892, -13.764, 73.628
XYZ	45.432, 53.028, 9.356
xyY	0.421, 0.492, 53.028
CIE-LCH	77.892, 74.904, 100.589
CIE-LUV	77.892, 11.445, 81.931
Hunter-Lab	72.82, -16.071, 43.357
Binary	11001101, 11000101, 00100010

#cdc522
```
#cdc522 rgb(205,197,34)
```
#222acd
```
#222acd rgb(34,42,205)
```

Complementary Color

#cd7022
```
#cd7022 rgb(205,112,34)
```
#cdc522
```
#cdc522 rgb(205,197,34)
```
#80cd22
```
#80cd22 rgb(128,205,34)
```

Analogous Color

#7022cd
```
#7022cd rgb(112,34,205)
```
#cdc522
```
#cdc522 rgb(205,197,34)
```
#2280cd
```
#2280cd rgb(34,128,205)
```

Split Complementary Color

#c522cd
```
#c522cd rgb(197,34,205)
```
#cdc522
```
#cdc522 rgb(205,197,34)
```
#22cdc5
```
#22cdc5 rgb(34,205,197)
```

Triadic Color

#cd222a
```
#cd222a rgb(205,34,42)
```
#cdc522
```
#cdc522 rgb(205,197,34)
```
#22cdc5
```
#22cdc5 rgb(34,205,197)
```
#222acd
```
#222acd rgb(34,42,205)
```

Tetradic Color

#8b8617
```
#8b8617 rgb(139,134,23)
```
#a19b1b
```
#a19b1b rgb(161,155,27)
```
#b7b01e
```
#b7b01e rgb(183,176,30)
```
#cdc522
```
#cdc522 rgb(205,197,34)
```
#dcd42c
```
#dcd42c rgb(220,212,44)
```
#e0d842
```
#e0d842 rgb(224,216,66)
```
#e3dd58
```
#e3dd58 rgb(227,221,88)
```

Monochromatic Color

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

#cd9a22
```
#cd9a22 rgb(205,154,34)
```
#cda922
```
#cda922 rgb(205,169,34)
```
#cdb722
```
#cdb722 rgb(205,183,34)
```
#cdc522
```
#cdc522 rgb(205,197,34)
```
#c7cd22
```
#c7cd22 rgb(199,205,34)
```
#b9cd22
```
#b9cd22 rgb(185,205,34)
```
#aacd22
```
#aacd22 rgb(170,205,34)
```

Similar Colors

Text with hexadecimal color #cdc522

This text has a font color of #cdc522.

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

#cdc522 background color

This paragraph has a background color of #cdc522.

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

#cdc522 border color

This element has a border color of #cdc522.

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

CSS codes

.text {color:#cdc522;}

.background {background-color:#cdc522;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#141303
```
#141303 rgb(20,19,3)
```
#252306
```
#252306 rgb(37,35,6)
```
#363309
```
#363309 rgb(54,51,9)
```
#46440c
```
#46440c rgb(70,68,12)
```
#57540e
```
#57540e rgb(87,84,14)
```
#686411
```
#686411 rgb(104,100,17)
```
#797414
```
#797414 rgb(121,116,20)
```
#8a8417
```
#8a8417 rgb(138,132,23)
```
#9b941a
```
#9b941a rgb(155,148,26)
```
#aba51c
```
#aba51c rgb(171,165,28)
```
#bcb51f
```
#bcb51f rgb(188,181,31)
```
#cdc522
```
#cdc522 rgb(205,197,34)
```

Shade Color Variation

#dbd327
```
#dbd327 rgb(219,211,39)
```
#ded638
```
#ded638 rgb(222,214,56)
```
#e1da49
```
#e1da49 rgb(225,218,73)
```
#e4dd5a
```
#e4dd5a rgb(228,221,90)
```
#e6e16b
```
#e6e16b rgb(230,225,107)
```
#e9e47c
```
#e9e47c rgb(233,228,124)
```
#ece88c
```
#ece88c rgb(236,232,140)
```
#efeb9d
```
#efeb9d rgb(239,235,157)
```
#f2eeae
```
#f2eeae rgb(242,238,174)
```
#f4f2bf
```
#f4f2bf rgb(244,242,191)
```
#f7f5d0
```
#f7f5d0 rgb(247,245,208)
```
#faf9e0
```
#faf9e0 rgb(250,249,224)
```
#fdfcf1
```
#fdfcf1 rgb(253,252,241)
```

Tint Color Variation

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

#7a7a75
```
#7a7a75 rgb(122,122,117)
```
#83826c
```
#83826c rgb(131,130,108)
```
#8d8b62
```
#8d8b62 rgb(141,139,98)
```
#969359
```
#969359 rgb(150,147,89)
```
#9f9b50
```
#9f9b50 rgb(159,155,80)
```
#a8a447
```
#a8a447 rgb(168,164,71)
```
#b1ac3e
```
#b1ac3e rgb(177,172,62)
```
#bbb434
```
#bbb434 rgb(187,180,52)
```
#c4bd2b
```
#c4bd2b rgb(196,189,43)
```
#cdc522
```
#cdc522 rgb(205,197,34)
```
#d6cd19
```
#d6cd19 rgb(214,205,25)
```
#dfd610
```
#dfd610 rgb(223,214,16)
```
#e9de06
```
#e9de06 rgb(233,222,6)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#bab898 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc42c Protanopia 1% of men
#f3ba36 Deuteranopia 1% of men
#dcbbc8 Tritanopia 0.001% of the population

Trichromacy

#d6c428 Protanomaly 1% of men, 0.01% of women
#e5be2f Deuteranomaly 6% of men, 0.4% of women
#d6be8b Tritanomaly 0.01% of the population

#cdc522 hex color

#cdc522 Color Information

#cdc522 Color Conversion

Color Schemes with #cdc522

Alternatives to #cdc522

#cdc522 Preview

Shades and Tints of #cdc522

Tones of #cdc522

Color Blindness Simulator