#cddd57 hex color

In a RGB color space, hex #cddd57 is composed of 80.4% red, 86.7% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 7.2% cyan, 0% magenta, 60.6% yellow and 13.3% black. It has a hue angle of 67.2 degrees, a saturation of 66.3% and a lightness of 60.4%. #cddd57 color hex could be obtained by blending #ffffae with #9bbb00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 87
- B 34
RGB color chart
- C 7
- M 0
- Y 61
- K 13
CMYK color chart

● #cddd57 color description : Soft yellow.

The hexadecimal color #cddd57 has RGB values of R:205, G:221, B:87 and CMYK values of C:0.07, M:0, Y:0.61, K:0.13. Its decimal value is 13491543.

Hex triplet	cddd57	`#cddd57`
RGB Decimal	205, 221, 87	`rgb(205,221,87)`
RGB Percent	80.4, 86.7, 34.1	`rgb(80.4%,86.7%,34.1%)`
CMYK	7, 0, 61, 13
HSL	67.2°, 66.3, 60.4	`hsl(67.2,66.3%,60.4%)`
HSV (or HSB)	67.2°, 60.6, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.679, -23.059, 62.104
XYZ	52.753, 65.38, 18.857
xyY	0.385, 0.477, 65.38
CIE-LCH	84.679, 66.247, 110.37
CIE-LUV	84.679, -4.685, 78.695
Hunter-Lab	80.858, -25.045, 42.774
Binary	11001101, 11011101, 01010111

#cddd57
```
#cddd57 rgb(205,221,87)
```
#6757dd
```
#6757dd rgb(103,87,221)
```

Complementary Color

#ddaa57
```
#ddaa57 rgb(221,170,87)
```
#cddd57
```
#cddd57 rgb(205,221,87)
```
#8add57
```
#8add57 rgb(138,221,87)
```

Analogous Color

#aa57dd
```
#aa57dd rgb(170,87,221)
```
#cddd57
```
#cddd57 rgb(205,221,87)
```
#578add
```
#578add rgb(87,138,221)
```

Split Complementary Color

#dd57cd
```
#dd57cd rgb(221,87,205)
```
#cddd57
```
#cddd57 rgb(205,221,87)
```
#57cddd
```
#57cddd rgb(87,205,221)
```

Triadic Color

#dd6757
```
#dd6757 rgb(221,103,87)
```
#cddd57
```
#cddd57 rgb(205,221,87)
```
#57cddd
```
#57cddd rgb(87,205,221)
```
#6757dd
```
#6757dd rgb(103,87,221)
```

Tetradic Color

#aec127
```
#aec127 rgb(174,193,39)
```
#c0d42d
```
#c0d42d rgb(192,212,45)
```
#c7d942
```
#c7d942 rgb(199,217,66)
```
#cddd57
```
#cddd57 rgb(205,221,87)
```
#d3e16c
```
#d3e16c rgb(211,225,108)
```
#dae681
```
#dae681 rgb(218,230,129)
```
#e0ea97
```
#e0ea97 rgb(224,234,151)
```

Monochromatic Color

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

#ddcc57
```
#ddcc57 rgb(221,204,87)
```
#ddd757
```
#ddd757 rgb(221,215,87)
```
#d8dd57
```
#d8dd57 rgb(216,221,87)
```
#cddd57
```
#cddd57 rgb(205,221,87)
```
#c2dd57
```
#c2dd57 rgb(194,221,87)
```
#b7dd57
```
#b7dd57 rgb(183,221,87)
```
#acdd57
```
#acdd57 rgb(172,221,87)
```

Similar Colors

Text with hexadecimal color #cddd57

This text has a font color of #cddd57.

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

#cddd57 background color

This paragraph has a background color of #cddd57.

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

#cddd57 border color

This element has a border color of #cddd57.

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

CSS codes

.text {color:#cddd57;}

.background {background-color:#cddd57;}

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

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

#0a0b02
```
#0a0b02 rgb(10,11,2)
```
#191c06
```
#191c06 rgb(25,28,6)
```
#282c09
```
#282c09 rgb(40,44,9)
```
#373c0c
```
#373c0c rgb(55,60,12)
```
#454d10
```
#454d10 rgb(69,77,16)
```
#545d13
```
#545d13 rgb(84,93,19)
```
#636d16
```
#636d16 rgb(99,109,22)
```
#727e19
```
#727e19 rgb(114,126,25)
```
#808e1d
```
#808e1d rgb(128,142,29)
```
#8f9e20
```
#8f9e20 rgb(143,158,32)
```
#9eaf23
```
#9eaf23 rgb(158,175,35)
```
#adbf27
```
#adbf27 rgb(173,191,39)
```
#bbcf2a
```
#bbcf2a rgb(187,207,42)
```

Shade Color Variation

#c3d636
```
#c3d636 rgb(195,214,54)
```
#c8da47
```
#c8da47 rgb(200,218,71)
```
#cddd57
```
#cddd57 rgb(205,221,87)
```
#d2e067
```
#d2e067 rgb(210,224,103)
```
#d7e478
```
#d7e478 rgb(215,228,120)
```
#dce788
```
#dce788 rgb(220,231,136)
```
#e0ea98
```
#e0ea98 rgb(224,234,152)
```
#e5eea9
```
#e5eea9 rgb(229,238,169)
```
#eaf1b9
```
#eaf1b9 rgb(234,241,185)
```
#eff4c9
```
#eff4c9 rgb(239,244,201)
```
#f4f7da
```
#f4f7da rgb(244,247,218)
```
#f9fbea
```
#f9fbea rgb(249,251,234)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#9e9f95
```
#9e9f95 rgb(158,159,149)
```
#a4a78d
```
#a4a78d rgb(164,167,141)
```
#aaae86
```
#aaae86 rgb(170,174,134)
```
#afb67e
```
#afb67e rgb(175,182,126)
```
#b5be76
```
#b5be76 rgb(181,190,118)
```
#bbc66e
```
#bbc66e rgb(187,198,110)
```
#c1cd67
```
#c1cd67 rgb(193,205,103)
```
#c7d55f
```
#c7d55f rgb(199,213,95)
```
#cddd57
```
#cddd57 rgb(205,221,87)
```
#d3e54f
```
#d3e54f rgb(211,229,79)
```
#d9ed47
```
#d9ed47 rgb(217,237,71)
```
#dff440
```
#dff440 rgb(223,244,64)
```
#e5fc38
```
#e5fc38 rgb(229,252,56)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#cacdb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd55d Protanopia 1% of men
#ffcd82 Deuteranopia 1% of men
#ded1e0 Tritanopia 0.001% of the population

Trichromacy

#e1d85a Protanomaly 1% of men, 0.01% of women
#ecd372 Deuteranomaly 6% of men, 0.4% of women
#d8d5ae Tritanomaly 0.01% of the population

#cddd57 hex color

#cddd57 Color Information

#cddd57 Color Conversion

Color Schemes with #cddd57

Alternatives to #cddd57

#cddd57 Preview

Shades and Tints of #cddd57

Tones of #cddd57

Color Blindness Simulator