#cddf22 hex color

In a RGB color space, hex #cddf22 is composed of 80.4% red, 87.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 8.1% cyan, 0% magenta, 84.8% yellow and 12.5% black. It has a hue angle of 65.7 degrees, a saturation of 74.7% and a lightness of 50.4%. #cddf22 color hex could be obtained by blending #ffff44 with #9bbf00. Closest websafe color is: #cccc33.

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

● #cddf22 color description : Bright yellow.

The hexadecimal color #cddf22 has RGB values of R:205, G:223, B:34 and CMYK values of C:0.08, M:0, Y:0.85, K:0.13. Its decimal value is 13492002.

Hex triplet	cddf22	`#cddf22`
RGB Decimal	205, 223, 34	`rgb(205,223,34)`
RGB Percent	80.4, 87.5, 13.3	`rgb(80.4%,87.5%,13.3%)`
CMYK	8, 0, 85, 13
HSL	65.7°, 74.7, 50.4	`hsl(65.7,74.7%,50.4%)`
HSV (or HSB)	65.7°, 84.8, 87.5
Web Safe	cccc33	`#cccc33`

CIE-LAB	84.93, -26.491, 79.49
XYZ	51.853, 65.87, 11.496
xyY	0.401, 0.51, 65.87
CIE-LCH	84.93, 83.788, 108.431
CIE-LUV	84.93, -5.288, 92.132
Hunter-Lab	81.161, -27.988, 48.414
Binary	11001101, 11011111, 00100010

#cddf22
```
#cddf22 rgb(205,223,34)
```
#3422df
```
#3422df rgb(52,34,223)
```

Complementary Color

#df9322
```
#df9322 rgb(223,147,34)
```
#cddf22
```
#cddf22 rgb(205,223,34)
```
#6fdf22
```
#6fdf22 rgb(111,223,34)
```

Analogous Color

#9322df
```
#9322df rgb(147,34,223)
```
#cddf22
```
#cddf22 rgb(205,223,34)
```
#226fdf
```
#226fdf rgb(34,111,223)
```

Split Complementary Color

#df22cd
```
#df22cd rgb(223,34,205)
```
#cddf22
```
#cddf22 rgb(205,223,34)
```
#22cddf
```
#22cddf rgb(34,205,223)
```

Triadic Color

#df3422
```
#df3422 rgb(223,52,34)
```
#cddf22
```
#cddf22 rgb(205,223,34)
```
#22cddf
```
#22cddf rgb(34,205,223)
```
#3422df
```
#3422df rgb(52,34,223)
```

Tetradic Color

#919e17
```
#919e17 rgb(145,158,23)
```
#a5b41a
```
#a5b41a rgb(165,180,26)
```
#baca1d
```
#baca1d rgb(186,202,29)
```
#cddf22
```
#cddf22 rgb(205,223,34)
```
#d2e238
```
#d2e238 rgb(210,226,56)
```
#d7e54f
```
#d7e54f rgb(215,229,79)
```
#dce965
```
#dce965 rgb(220,233,101)
```

Monochromatic Color

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

#dfc222
```
#dfc222 rgb(223,194,34)
```
#dfd222
```
#dfd222 rgb(223,210,34)
```
#dddf22
```
#dddf22 rgb(221,223,34)
```
#cddf22
```
#cddf22 rgb(205,223,34)
```
#bddf22
```
#bddf22 rgb(189,223,34)
```
#aedf22
```
#aedf22 rgb(174,223,34)
```
#9edf22
```
#9edf22 rgb(158,223,34)
```

Similar Colors

Text with hexadecimal color #cddf22

This text has a font color of #cddf22.

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

#cddf22 background color

This paragraph has a background color of #cddf22.

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

#cddf22 border color

This element has a border color of #cddf22.

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

CSS codes

.text {color:#cddf22;}

.background {background-color:#cddf22;}

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

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 #fcfdf0 is the lightest one.

#020200
```
#020200 rgb(2,2,0)
```
#111303
```
#111303 rgb(17,19,3)
```
#212405
```
#212405 rgb(33,36,5)
```
#313508
```
#313508 rgb(49,53,8)
```
#41460a
```
#41460a rgb(65,70,10)
```
#50570d
```
#50570d rgb(80,87,13)
```
#60690f
```
#60690f rgb(96,105,15)
```
#707a12
```
#707a12 rgb(112,122,18)
```
#808b14
```
#808b14 rgb(128,139,20)
```
#8f9c17
```
#8f9c17 rgb(143,156,23)
```
#9fad19
```
#9fad19 rgb(159,173,25)
```
#afbe1c
```
#afbe1c rgb(175,190,28)
```
#becf1e
```
#becf1e rgb(190,207,30)
```

Shade Color Variation

#cddf22
```
#cddf22 rgb(205,223,34)
```
#d1e133
```
#d1e133 rgb(209,225,51)
```
#d5e444
```
#d5e444 rgb(213,228,68)
```
#d9e655
```
#d9e655 rgb(217,230,85)
```
#dde967
```
#dde967 rgb(221,233,103)
```
#e0eb78
```
#e0eb78 rgb(224,235,120)
```
#e4ee89
```
#e4ee89 rgb(228,238,137)
```
#e8f09a
```
#e8f09a rgb(232,240,154)
```
#ecf3ab
```
#ecf3ab rgb(236,243,171)
```
#f0f5bc
```
#f0f5bc rgb(240,245,188)
```
#f4f8cd
```
#f4f8cd rgb(244,248,205)
```
#f8fade
```
#f8fade rgb(248,250,222)
```
#fcfdf0
```
#fcfdf0 rgb(252,253,240)
```

Tint Color Variation

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

#86877a
```
#86877a rgb(134,135,122)
```
#8e9170
```
#8e9170 rgb(142,145,112)
```
#969b66
```
#969b66 rgb(150,155,102)
```
#9ea55c
```
#9ea55c rgb(158,165,92)
```
#a6ae53
```
#a6ae53 rgb(166,174,83)
```
#adb849
```
#adb849 rgb(173,184,73)
```
#b5c23f
```
#b5c23f rgb(181,194,63)
```
#bdcc35
```
#bdcc35 rgb(189,204,53)
```
#c5d52c
```
#c5d52c rgb(197,213,44)
```
#cddf22
```
#cddf22 rgb(205,223,34)
```
#d5e918
```
#d5e918 rgb(213,233,24)
```
#ddf20f
```
#ddf20f rgb(221,242,15)
```
#e5fc05
```
#e5fc05 rgb(229,252,5)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c6c9a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0d62a Protanopia 1% of men
#ffce7f Deuteranopia 1% of men
#e0d1e0 Tritanopia 0.001% of the population

Trichromacy

#e3d927 Protanomaly 1% of men, 0.01% of women
#ecd45d Deuteranomaly 6% of men, 0.4% of women
#d9d69b Tritanomaly 0.01% of the population

#cddf22 hex color

#cddf22 Color Information

#cddf22 Color Conversion

Color Schemes with #cddf22

Alternatives to #cddf22

#cddf22 Preview

Shades and Tints of #cddf22

Tones of #cddf22

Color Blindness Simulator