#cdd696 hex color

In a RGB color space, hex #cdd696 is composed of 80.4% red, 83.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 4.2% cyan, 0% magenta, 29.9% yellow and 16.1% black. It has a hue angle of 68.4 degrees, a saturation of 43.8% and a lightness of 71.4%. #cdd696 color hex could be obtained by blending #ffffff with #9bad2d. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 84
- B 59
RGB color chart
- C 4
- M 0
- Y 30
- K 16
CMYK color chart

● #cdd696 color description : Slightly desaturated yellow.

The hexadecimal color #cdd696 has RGB values of R:205, G:214, B:150 and CMYK values of C:0.04, M:0, Y:0.3, K:0.16. Its decimal value is 13489814.

Hex triplet	cdd696	`#cdd696`
RGB Decimal	205, 214, 150	`rgb(205,214,150)`
RGB Percent	80.4, 83.9, 58.8	`rgb(80.4%,83.9%,58.8%)`
CMYK	4, 0, 30, 16
HSL	68.4°, 43.8, 71.4	`hsl(68.4,43.8%,71.4%)`
HSV (or HSB)	68.4°, 29.9, 83.9
Web Safe	cccc99	`#cccc99`

CIE-LAB	83.587, -13.286, 30.664
XYZ	54.727, 63.274, 38.183
xyY	0.35, 0.405, 63.274
CIE-LCH	83.587, 33.419, 113.425
CIE-LUV	83.587, -2.286, 44.389
Hunter-Lab	79.545, -16.396, 27.222
Binary	11001101, 11010110, 10010110

#cdd696
```
#cdd696 rgb(205,214,150)
```
#9f96d6
```
#9f96d6 rgb(159,150,214)
```

Complementary Color

#d6bf96
```
#d6bf96 rgb(214,191,150)
```
#cdd696
```
#cdd696 rgb(205,214,150)
```
#add696
```
#add696 rgb(173,214,150)
```

Analogous Color

#bf96d6
```
#bf96d6 rgb(191,150,214)
```
#cdd696
```
#cdd696 rgb(205,214,150)
```
#96add6
```
#96add6 rgb(150,173,214)
```

Split Complementary Color

#d696cd
```
#d696cd rgb(214,150,205)
```
#cdd696
```
#cdd696 rgb(205,214,150)
```
#96cdd6
```
#96cdd6 rgb(150,205,214)
```

Triadic Color

#d69f96
```
#d69f96 rgb(214,159,150)
```
#cdd696
```
#cdd696 rgb(205,214,150)
```
#96cdd6
```
#96cdd6 rgb(150,205,214)
```
#9f96d6
```
#9f96d6 rgb(159,150,214)
```

Tetradic Color

#b3c15f
```
#b3c15f rgb(179,193,95)
```
#bcc871
```
#bcc871 rgb(188,200,113)
```
#c4cf84
```
#c4cf84 rgb(196,207,132)
```
#cdd696
```
#cdd696 rgb(205,214,150)
```
#d6dda8
```
#d6dda8 rgb(214,221,168)
```
#dee4bb
```
#dee4bb rgb(222,228,187)
```
#e7ebcd
```
#e7ebcd rgb(231,235,205)
```

Monochromatic Color

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

#d6cf96
```
#d6cf96 rgb(214,207,150)
```
#d6d496
```
#d6d496 rgb(214,212,150)
```
#d2d696
```
#d2d696 rgb(210,214,150)
```
#cdd696
```
#cdd696 rgb(205,214,150)
```
#c8d696
```
#c8d696 rgb(200,214,150)
```
#c2d696
```
#c2d696 rgb(194,214,150)
```
#bdd696
```
#bdd696 rgb(189,214,150)
```

Similar Colors

Text with hexadecimal color #cdd696

This text has a font color of #cdd696.

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

#cdd696 background color

This paragraph has a background color of #cdd696.

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

#cdd696 border color

This element has a border color of #cdd696.

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

CSS codes

.text {color:#cdd696;}

.background {background-color:#cdd696;}

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

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

#070803
```
#070803 rgb(7,8,3)
```
#141609
```
#141609 rgb(20,22,9)
```
#21240e
```
#21240e rgb(33,36,14)
```
#2e3214
```
#2e3214 rgb(46,50,20)
```
#3b4019
```
#3b4019 rgb(59,64,25)
```
#484e1f
```
#484e1f rgb(72,78,31)
```
#555c24
```
#555c24 rgb(85,92,36)
```
#616b2a
```
#616b2a rgb(97,107,42)
```
#6e792f
```
#6e792f rgb(110,121,47)
```
#7b8735
```
#7b8735 rgb(123,135,53)
```
#88953a
```
#88953a rgb(136,149,58)
```
#95a340
```
#95a340 rgb(149,163,64)
```
#a2b145
```
#a2b145 rgb(162,177,69)
```

Shade Color Variation

#abba4f
```
#abba4f rgb(171,186,79)
```
#b2c05e
```
#b2c05e rgb(178,192,94)
```
#b9c56c
```
#b9c56c rgb(185,197,108)
```
#c0cb7a
```
#c0cb7a rgb(192,203,122)
```
#c6d088
```
#c6d088 rgb(198,208,136)
```
#cdd696
```
#cdd696 rgb(205,214,150)
```
#d4dca4
```
#d4dca4 rgb(212,220,164)
```
#dae1b2
```
#dae1b2 rgb(218,225,178)
```
#e1e7c0
```
#e1e7c0 rgb(225,231,192)
```
#e8ecce
```
#e8ecce rgb(232,236,206)
```
#eff2dd
```
#eff2dd rgb(239,242,221)
```
#f5f7eb
```
#f5f7eb rgb(245,247,235)
```
#fcfdf9
```
#fcfdf9 rgb(252,253,249)
```

Tint Color Variation

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

#b9bab2
```
#b9bab2 rgb(185,186,178)
```
#bdc0ac
```
#bdc0ac rgb(189,192,172)
```
#c1c5a7
```
#c1c5a7 rgb(193,197,167)
```
#c5cba1
```
#c5cba1 rgb(197,203,161)
```
#c9d09c
```
#c9d09c rgb(201,208,156)
```
#cdd696
```
#cdd696 rgb(205,214,150)
```
#d1dc90
```
#d1dc90 rgb(209,220,144)
```
#d5e18b
```
#d5e18b rgb(213,225,139)
```
#d9e785
```
#d9e785 rgb(217,231,133)
```
#ddec80
```
#ddec80 rgb(221,236,128)
```
#e1f27a
```
#e1f27a rgb(225,242,122)
```
#e5f874
```
#e5f874 rgb(229,248,116)
```
#e9fd6f
```
#e9fd6f rgb(233,253,111)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#cccec1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2d299 Protanopia 1% of men
#f7ca9f Deuteranopia 1% of men
#d9cfde Tritanopia 0.001% of the population

Trichromacy

#dad398 Protanomaly 1% of men, 0.01% of women
#e7ce9c Deuteranomaly 6% of men, 0.4% of women
#d4d1c3 Tritanomaly 0.01% of the population

#cdd696 hex color

#cdd696 Color Information

#cdd696 Color Conversion

Color Schemes with #cdd696

Alternatives to #cdd696

#cdd696 Preview

Shades and Tints of #cdd696

Tones of #cdd696

Color Blindness Simulator