#cddd5f hex color

In a RGB color space, hex #cddd5f is composed of 80.4% red, 86.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 7.2% cyan, 0% magenta, 57% yellow and 13.3% black. It has a hue angle of 67.6 degrees, a saturation of 64.9% and a lightness of 62%. #cddd5f color hex could be obtained by blending #ffffbe with #9bbb00. Closest websafe color is: #cccc66.

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

● #cddd5f color description : Soft yellow.

The hexadecimal color #cddd5f has RGB values of R:205, G:221, B:95 and CMYK values of C:0.07, M:0, Y:0.57, K:0.13. Its decimal value is 13491551.

Hex triplet	cddd5f	`#cddd5f`
RGB Decimal	205, 221, 95	`rgb(205,221,95)`
RGB Percent	80.4, 86.7, 37.3	`rgb(80.4%,86.7%,37.3%)`
CMYK	7, 0, 57, 13
HSL	67.6°, 64.9, 62	`hsl(67.6,64.9%,62%)`
HSV (or HSB)	67.6°, 57, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.75, -22.47, 58.753
XYZ	53.098, 65.518, 20.675
xyY	0.381, 0.47, 65.518
CIE-LCH	84.75, 62.903, 110.929
CIE-LUV	84.75, -4.832, 75.744
Hunter-Lab	80.943, -24.556, 41.516
Binary	11001101, 11011101, 01011111

#cddd5f
```
#cddd5f rgb(205,221,95)
```
#6f5fdd
```
#6f5fdd rgb(111,95,221)
```

Complementary Color

#ddae5f
```
#ddae5f rgb(221,174,95)
```
#cddd5f
```
#cddd5f rgb(205,221,95)
```
#8edd5f
```
#8edd5f rgb(142,221,95)
```

Analogous Color

#ae5fdd
```
#ae5fdd rgb(174,95,221)
```
#cddd5f
```
#cddd5f rgb(205,221,95)
```
#5f8edd
```
#5f8edd rgb(95,142,221)
```

Split Complementary Color

#dd5fcd
```
#dd5fcd rgb(221,95,205)
```
#cddd5f
```
#cddd5f rgb(205,221,95)
```
#5fcddd
```
#5fcddd rgb(95,205,221)
```

Triadic Color

#dd6f5f
```
#dd6f5f rgb(221,111,95)
```
#cddd5f
```
#cddd5f rgb(205,221,95)
```
#5fcddd
```
#5fcddd rgb(95,205,221)
```
#6f5fdd
```
#6f5fdd rgb(111,95,221)
```

Tetradic Color

#b2c62a
```
#b2c62a rgb(178,198,42)
```
#c0d435
```
#c0d435 rgb(192,212,53)
```
#c6d94a
```
#c6d94a rgb(198,217,74)
```
#cddd5f
```
#cddd5f rgb(205,221,95)
```
#d4e174
```
#d4e174 rgb(212,225,116)
```
#dae689
```
#dae689 rgb(218,230,137)
```
#e1ea9e
```
#e1ea9e rgb(225,234,158)
```

Monochromatic Color

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

#ddce5f
```
#ddce5f rgb(221,206,95)
```
#ddd85f
```
#ddd85f rgb(221,216,95)
```
#d8dd5f
```
#d8dd5f rgb(216,221,95)
```
#cddd5f
```
#cddd5f rgb(205,221,95)
```
#c3dd5f
```
#c3dd5f rgb(195,221,95)
```
#b8dd5f
```
#b8dd5f rgb(184,221,95)
```
#aedd5f
```
#aedd5f rgb(174,221,95)
```

Similar Colors

Text with hexadecimal color #cddd5f

This text has a font color of #cddd5f.

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

#cddd5f background color

This paragraph has a background color of #cddd5f.

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

#cddd5f border color

This element has a border color of #cddd5f.

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

CSS codes

.text {color:#cddd5f;}

.background {background-color:#cddd5f;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#101204
```
#101204 rgb(16,18,4)
```
#1f2207
```
#1f2207 rgb(31,34,7)
```
#2d320b
```
#2d320b rgb(45,50,11)
```
#3c420e
```
#3c420e rgb(60,66,14)
```
#4a5312
```
#4a5312 rgb(74,83,18)
```
#596315
```
#596315 rgb(89,99,21)
```
#687318
```
#687318 rgb(104,115,24)
```
#76831c
```
#76831c rgb(118,131,28)
```
#85931f
```
#85931f rgb(133,147,31)
```
#93a423
```
#93a423 rgb(147,164,35)
```
#a2b426
```
#a2b426 rgb(162,180,38)
```
#b0c42a
```
#b0c42a rgb(176,196,42)
```

Shade Color Variation

#bed32e
```
#bed32e rgb(190,211,46)
```
#c3d63f
```
#c3d63f rgb(195,214,63)
```
#c8da4f
```
#c8da4f rgb(200,218,79)
```
#cddd5f
```
#cddd5f rgb(205,221,95)
```
#d2e06f
```
#d2e06f rgb(210,224,111)
```
#d7e47f
```
#d7e47f rgb(215,228,127)
```
#dce790
```
#dce790 rgb(220,231,144)
```
#e1eba0
```
#e1eba0 rgb(225,235,160)
```
#e6eeb0
```
#e6eeb0 rgb(230,238,176)
```
#ebf2c0
```
#ebf2c0 rgb(235,242,192)
```
#f0f5d0
```
#f0f5d0 rgb(240,245,208)
```
#f5f9e0
```
#f5f9e0 rgb(245,249,224)
```
#fafcf1
```
#fafcf1 rgb(250,252,241)
```

Tint Color Variation

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

#a0a19b
```
#a0a19b rgb(160,161,155)
```
#a6a993
```
#a6a993 rgb(166,169,147)
```
#acb08c
```
#acb08c rgb(172,176,140)
```
#b1b884
```
#b1b884 rgb(177,184,132)
```
#b7bf7d
```
#b7bf7d rgb(183,191,125)
```
#bcc775
```
#bcc775 rgb(188,199,117)
```
#c2ce6e
```
#c2ce6e rgb(194,206,110)
```
#c7d666
```
#c7d666 rgb(199,214,102)
```
#cddd5f
```
#cddd5f rgb(205,221,95)
```
#d3e458
```
#d3e458 rgb(211,228,88)
```
#d8ec50
```
#d8ec50 rgb(216,236,80)
```
#def349
```
#def349 rgb(222,243,73)
```
#e3fb41
```
#e3fb41 rgb(227,251,65)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#cbceb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd664 Protanopia 1% of men
#ffcd85 Deuteranopia 1% of men
#ded1e0 Tritanopia 0.001% of the population

Trichromacy

#e1d862 Protanomaly 1% of men, 0.01% of women
#ecd377 Deuteranomaly 6% of men, 0.4% of women
#d8d5b1 Tritanomaly 0.01% of the population

#cddd5f hex color

#cddd5f Color Information

#cddd5f Color Conversion

Color Schemes with #cddd5f

Alternatives to #cddd5f

#cddd5f Preview

Shades and Tints of #cddd5f

Tones of #cddd5f

Color Blindness Simulator