#cdd667 hex color

In a RGB color space, hex #cdd667 is composed of 80.4% red, 83.9% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 4.2% cyan, 0% magenta, 51.9% yellow and 16.1% black. It has a hue angle of 64.9 degrees, a saturation of 57.5% and a lightness of 62.2%. #cdd667 color hex could be obtained by blending #ffffce with #9bad00. Closest websafe color is: #cccc66.

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

● #cdd667 color description : Moderate yellow.

The hexadecimal color #cdd667 has RGB values of R:205, G:214, B:103 and CMYK values of C:0.04, M:0, Y:0.52, K:0.16. Its decimal value is 13489767.

Hex triplet	cdd667	`#cdd667`
RGB Decimal	205, 214, 103	`rgb(205,214,103)`
RGB Percent	80.4, 83.9, 40.4	`rgb(80.4%,83.9%,40.4%)`
CMYK	4, 0, 52, 16
HSL	64.9°, 57.5, 62.2	`hsl(64.9,57.5%,62.2%)`
HSV (or HSB)	64.9°, 51.9, 83.9
Web Safe	cccc66	`#cccc66`

CIE-LAB	82.941, -18.395, 53.075
XYZ	51.671, 62.052, 22.086
xyY	0.38, 0.457, 62.052
CIE-LCH	82.941, 56.172, 109.116
CIE-LUV	82.941, -0.814, 69.214
Hunter-Lab	78.773, -20.766, 38.517
Binary	11001101, 11010110, 01100111

#cdd667
```
#cdd667 rgb(205,214,103)
```
#7067d6
```
#7067d6 rgb(112,103,214)
```

Complementary Color

#d6a867
```
#d6a867 rgb(214,168,103)
```
#cdd667
```
#cdd667 rgb(205,214,103)
```
#96d667
```
#96d667 rgb(150,214,103)
```

Analogous Color

#a867d6
```
#a867d6 rgb(168,103,214)
```
#cdd667
```
#cdd667 rgb(205,214,103)
```
#6796d6
```
#6796d6 rgb(103,150,214)
```

Split Complementary Color

#d667cd
```
#d667cd rgb(214,103,205)
```
#cdd667
```
#cdd667 rgb(205,214,103)
```
#67cdd6
```
#67cdd6 rgb(103,205,214)
```

Triadic Color

#d67067
```
#d67067 rgb(214,112,103)
```
#cdd667
```
#cdd667 rgb(205,214,103)
```
#67cdd6
```
#67cdd6 rgb(103,205,214)
```
#7067d6
```
#7067d6 rgb(112,103,214)
```

Tetradic Color

#b2bd33
```
#b2bd33 rgb(178,189,51)
```
#c0cb3f
```
#c0cb3f rgb(192,203,63)
```
#c6d153
```
#c6d153 rgb(198,209,83)
```
#cdd667
```
#cdd667 rgb(205,214,103)
```
#d4db7b
```
#d4db7b rgb(212,219,123)
```
#dae18f
```
#dae18f rgb(218,225,143)
```
#e1e6a3
```
#e1e6a3 rgb(225,230,163)
```

Monochromatic Color

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

#d6c367
```
#d6c367 rgb(214,195,103)
```
#d6cd67
```
#d6cd67 rgb(214,205,103)
```
#d6d667
```
#d6d667 rgb(214,214,103)
```
#cdd667
```
#cdd667 rgb(205,214,103)
```
#c4d667
```
#c4d667 rgb(196,214,103)
```
#bbd667
```
#bbd667 rgb(187,214,103)
```
#b1d667
```
#b1d667 rgb(177,214,103)
```

Similar Colors

Text with hexadecimal color #cdd667

This text has a font color of #cdd667.

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

#cdd667 background color

This paragraph has a background color of #cdd667.

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

#cdd667 border color

This element has a border color of #cdd667.

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

CSS codes

.text {color:#cdd667;}

.background {background-color:#cdd667;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#111205
```
#111205 rgb(17,18,5)
```
#1f2109
```
#1f2109 rgb(31,33,9)
```
#2e310d
```
#2e310d rgb(46,49,13)
```
#3c4011
```
#3c4011 rgb(60,64,17)
```
#4b5016
```
#4b5016 rgb(75,80,22)
```
#5a5f1a
```
#5a5f1a rgb(90,95,26)
```
#686f1e
```
#686f1e rgb(104,111,30)
```
#777e22
```
#777e22 rgb(119,126,34)
```
#858e26
```
#858e26 rgb(133,142,38)
```
#949d2a
```
#949d2a rgb(148,157,42)
```
#a2ac2f
```
#a2ac2f rgb(162,172,47)
```
#b1bc33
```
#b1bc33 rgb(177,188,51)
```

Shade Color Variation

#bec939
```
#bec939 rgb(190,201,57)
```
#c3ce48
```
#c3ce48 rgb(195,206,72)
```
#c8d258
```
#c8d258 rgb(200,210,88)
```
#cdd667
```
#cdd667 rgb(205,214,103)
```
#d2da76
```
#d2da76 rgb(210,218,118)
```
#d7de86
```
#d7de86 rgb(215,222,134)
```
#dce395
```
#dce395 rgb(220,227,149)
```
#e1e7a5
```
#e1e7a5 rgb(225,231,165)
```
#e6ebb4
```
#e6ebb4 rgb(230,235,180)
```
#ebefc4
```
#ebefc4 rgb(235,239,196)
```
#f1f3d3
```
#f1f3d3 rgb(241,243,211)
```
#f6f7e3
```
#f6f7e3 rgb(246,247,227)
```
#fbfcf2
```
#fbfcf2 rgb(251,252,242)
```

Tint Color Variation

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

#a1a29b
```
#a1a29b rgb(161,162,155)
```
#a8a994
```
#a8a994 rgb(168,169,148)
```
#aeb18c
```
#aeb18c rgb(174,177,140)
```
#b4b885
```
#b4b885 rgb(180,184,133)
```
#bac07d
```
#bac07d rgb(186,192,125)
```
#c1c776
```
#c1c776 rgb(193,199,118)
```
#c7cf6e
```
#c7cf6e rgb(199,207,110)
```
#cdd667
```
#cdd667 rgb(205,214,103)
```
#d3dd60
```
#d3dd60 rgb(211,221,96)
```
#d9e558
```
#d9e558 rgb(217,229,88)
```
#e0ec51
```
#e0ec51 rgb(224,236,81)
```
#e6f449
```
#e6f449 rgb(230,244,73)
```
#ecfb42
```
#ecfb42 rgb(236,251,66)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c8cab4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d16c Protanopia 1% of men
#fec774 Deuteranopia 1% of men
#dcccda Tritanopia 0.001% of the population

Trichromacy

#ddd26a Protanomaly 1% of men, 0.01% of women
#eccd6f Deuteranomaly 6% of men, 0.4% of women
#d7cfb0 Tritanomaly 0.01% of the population

#cdd667 hex color

#cdd667 Color Information

#cdd667 Color Conversion

Color Schemes with #cdd667

Alternatives to #cdd667

#cdd667 Preview

Shades and Tints of #cdd667

Tones of #cdd667

Color Blindness Simulator