#cdc557 hex color

In a RGB color space, hex #cdc557 is composed of 80.4% red, 77.3% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.9% magenta, 57.6% yellow and 19.6% black. It has a hue angle of 55.9 degrees, a saturation of 54.1% and a lightness of 57.3%. #cdc557 color hex could be obtained by blending #ffffae with #9b8b00. Closest websafe color is: #cccc66.

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

● #cdc557 color description : Moderate yellow.

The hexadecimal color #cdc557 has RGB values of R:205, G:197, B:87 and CMYK values of C:0, M:0.04, Y:0.58, K:0.2. Its decimal value is 13485399.

Hex triplet	cdc557	`#cdc557`
RGB Decimal	205, 197, 87	`rgb(205,197,87)`
RGB Percent	80.4, 77.3, 34.1	`rgb(80.4%,77.3%,34.1%)`
CMYK	0, 4, 58, 20
HSL	55.9°, 54.1, 57.3	`hsl(55.9,54.1%,57.3%)`
HSV (or HSB)	55.9°, 57.6, 80.4
Web Safe	cccc66	`#cccc66`

CIE-LAB	78.228, -11.152, 54.993
XYZ	46.863, 53.601, 16.894
xyY	0.399, 0.457, 53.601
CIE-LCH	78.228, 56.113, 101.464
CIE-LUV	78.228, 10.254, 67.879
Hunter-Lab	73.212, -13.864, 37.568
Binary	11001101, 11000101, 01010111

#cdc557
```
#cdc557 rgb(205,197,87)
```
#575fcd
```
#575fcd rgb(87,95,205)
```

Complementary Color

#cd8a57
```
#cd8a57 rgb(205,138,87)
```
#cdc557
```
#cdc557 rgb(205,197,87)
```
#9acd57
```
#9acd57 rgb(154,205,87)
```

Analogous Color

#8a57cd
```
#8a57cd rgb(138,87,205)
```
#cdc557
```
#cdc557 rgb(205,197,87)
```
#579acd
```
#579acd rgb(87,154,205)
```

Split Complementary Color

#c557cd
```
#c557cd rgb(197,87,205)
```
#cdc557
```
#cdc557 rgb(205,197,87)
```
#57cdc5
```
#57cdc5 rgb(87,205,197)
```

Triadic Color

#cd575f
```
#cd575f rgb(205,87,95)
```
#cdc557
```
#cdc557 rgb(205,197,87)
```
#57cdc5
```
#57cdc5 rgb(87,205,197)
```
#575fcd
```
#575fcd rgb(87,95,205)
```

Tetradic Color

#a69e31
```
#a69e31 rgb(166,158,49)
```
#bab137
```
#bab137 rgb(186,177,55)
```
#c7be43
```
#c7be43 rgb(199,190,67)
```
#cdc557
```
#cdc557 rgb(205,197,87)
```
#d3cc6b
```
#d3cc6b rgb(211,204,107)
```
#d9d37e
```
#d9d37e rgb(217,211,126)
```
#dfd992
```
#dfd992 rgb(223,217,146)
```

Monochromatic Color

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

#cda857
```
#cda857 rgb(205,168,87)
```
#cdb157
```
#cdb157 rgb(205,177,87)
```
#cdbb57
```
#cdbb57 rgb(205,187,87)
```
#cdc557
```
#cdc557 rgb(205,197,87)
```
#cbcd57
```
#cbcd57 rgb(203,205,87)
```
#c1cd57
```
#c1cd57 rgb(193,205,87)
```
#b8cd57
```
#b8cd57 rgb(184,205,87)
```

Similar Colors

Text with hexadecimal color #cdc557

This text has a font color of #cdc557.

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

#cdc557 background color

This paragraph has a background color of #cdc557.

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

#cdc557 border color

This element has a border color of #cdc557.

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

CSS codes

.text {color:#cdc557;}

.background {background-color:#cdc557;}

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

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

#0d0d04
```
#0d0d04 rgb(13,13,4)
```
#1d1b08
```
#1d1b08 rgb(29,27,8)
```
#2c2a0d
```
#2c2a0d rgb(44,42,13)
```
#3b3811
```
#3b3811 rgb(59,56,17)
```
#4a4616
```
#4a4616 rgb(74,70,22)
```
#59551a
```
#59551a rgb(89,85,26)
```
#68631f
```
#68631f rgb(104,99,31)
```
#777223
```
#777223 rgb(119,114,35)
```
#868028
```
#868028 rgb(134,128,40)
```
#958e2c
```
#958e2c rgb(149,142,44)
```
#a59d31
```
#a59d31 rgb(165,157,49)
```
#b4ab35
```
#b4ab35 rgb(180,171,53)
```
#c3ba3a
```
#c3ba3a rgb(195,186,58)
```

Shade Color Variation

#c9c048
```
#c9c048 rgb(201,192,72)
```
#cdc557
```
#cdc557 rgb(205,197,87)
```
#d1ca66
```
#d1ca66 rgb(209,202,102)
```
#d6cf75
```
#d6cf75 rgb(214,207,117)
```
#dad584
```
#dad584 rgb(218,213,132)
```
#dfda93
```
#dfda93 rgb(223,218,147)
```
#e3dfa3
```
#e3dfa3 rgb(227,223,163)
```
#e8e4b2
```
#e8e4b2 rgb(232,228,178)
```
#eceac1
```
#eceac1 rgb(236,234,193)
```
#f1efd0
```
#f1efd0 rgb(241,239,208)
```
#f5f4df
```
#f5f4df rgb(245,244,223)
```
#faf9ee
```
#faf9ee rgb(250,249,238)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#929292
```
#929292 rgb(146,146,146)
```
#9b9a89
```
#9b9a89 rgb(155,154,137)
```
#a3a181
```
#a3a181 rgb(163,161,129)
```
#aba879
```
#aba879 rgb(171,168,121)
```
#b4af70
```
#b4af70 rgb(180,175,112)
```
#bcb768
```
#bcb768 rgb(188,183,104)
```
#c5be5f
```
#c5be5f rgb(197,190,95)
```
#cdc557
```
#cdc557 rgb(205,197,87)
```
#d5cc4f
```
#d5cc4f rgb(213,204,79)
```
#ded346
```
#ded346 rgb(222,211,70)
```
#e6db3e
```
#e6db3e rgb(230,219,62)
```
#efe235
```
#efe235 rgb(239,226,53)
```
#f7e92d
```
#f7e92d rgb(247,233,45)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bfbda7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c45e Protanopia 1% of men
#f0bb64 Deuteranopia 1% of men
#dbbcc9 Tritanopia 0.001% of the population

Trichromacy

#d4c45b Protanomaly 1% of men, 0.01% of women
#e3bf5f Deuteranomaly 6% of men, 0.4% of women
#d5bfa0 Tritanomaly 0.01% of the population

#cdc557 hex color

#cdc557 Color Information

#cdc557 Color Conversion

Color Schemes with #cdc557

Alternatives to #cdc557

#cdc557 Preview

Shades and Tints of #cdc557

Tones of #cdc557

Color Blindness Simulator