#ccdd2d hex color

In a RGB color space, hex #ccdd2d is composed of 80% red, 86.7% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 0% magenta, 79.6% yellow and 13.3% black. It has a hue angle of 65.8 degrees, a saturation of 72.1% and a lightness of 52.2%. #ccdd2d color hex could be obtained by blending #ffff5a with #99bb00. Closest websafe color is: #cccc33.

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

● #ccdd2d color description : Bright yellow.

The hexadecimal color #ccdd2d has RGB values of R:204, G:221, B:45 and CMYK values of C:0.08, M:0, Y:0.8, K:0.13. Its decimal value is 13425965.

Hex triplet	ccdd2d	`#ccdd2d`
RGB Decimal	204, 221, 45	`rgb(204,221,45)`
RGB Percent	80, 86.7, 17.6	`rgb(80%,86.7%,17.6%)`
CMYK	8, 0, 80, 13
HSL	65.8°, 72.1, 52.2	`hsl(65.8,72.1%,52.2%)`
HSV (or HSB)	65.8°, 79.6, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	84.35, -25.626, 76.388
XYZ	51.232, 64.74, 12.28
xyY	0.399, 0.505, 64.74
CIE-LCH	84.35, 80.572, 108.545
CIE-LUV	84.35, -4.782, 89.668
Hunter-Lab	80.461, -27.151, 47.274
Binary	11001100, 11011101, 00101101

#ccdd2d
```
#ccdd2d rgb(204,221,45)
```
#3e2ddd
```
#3e2ddd rgb(62,45,221)
```

Complementary Color

#dd962d
```
#dd962d rgb(221,150,45)
```
#ccdd2d
```
#ccdd2d rgb(204,221,45)
```
#74dd2d
```
#74dd2d rgb(116,221,45)
```

Analogous Color

#962ddd
```
#962ddd rgb(150,45,221)
```
#ccdd2d
```
#ccdd2d rgb(204,221,45)
```
#2d74dd
```
#2d74dd rgb(45,116,221)
```

Split Complementary Color

#dd2dcc
```
#dd2dcc rgb(221,45,204)
```
#ccdd2d
```
#ccdd2d rgb(204,221,45)
```
#2dccdd
```
#2dccdd rgb(45,204,221)
```

Triadic Color

#dd3e2d
```
#dd3e2d rgb(221,62,45)
```
#ccdd2d
```
#ccdd2d rgb(204,221,45)
```
#2dccdd
```
#2dccdd rgb(45,204,221)
```
#3e2ddd
```
#3e2ddd rgb(62,45,221)
```

Tetradic Color

#96a31a
```
#96a31a rgb(150,163,26)
```
#aab91e
```
#aab91e rgb(170,185,30)
```
#becf22
```
#becf22 rgb(190,207,34)
```
#ccdd2d
```
#ccdd2d rgb(204,221,45)
```
#d1e143
```
#d1e143 rgb(209,225,67)
```
#d7e459
```
#d7e459 rgb(215,228,89)
```
#dce86f
```
#dce86f rgb(220,232,111)
```

Monochromatic Color

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

#ddc22d
```
#ddc22d rgb(221,194,45)
```
#ddd12d
```
#ddd12d rgb(221,209,45)
```
#dbdd2d
```
#dbdd2d rgb(219,221,45)
```
#ccdd2d
```
#ccdd2d rgb(204,221,45)
```
#bddd2d
```
#bddd2d rgb(189,221,45)
```
#afdd2d
```
#afdd2d rgb(175,221,45)
```
#a0dd2d
```
#a0dd2d rgb(160,221,45)
```

Similar Colors

Text with hexadecimal color #ccdd2d

This text has a font color of #ccdd2d.

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

#ccdd2d background color

This paragraph has a background color of #ccdd2d.

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

#ccdd2d border color

This element has a border color of #ccdd2d.

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

CSS codes

.text {color:#ccdd2d;}

.background {background-color:#ccdd2d;}

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

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

#090902
```
#090902 rgb(9,9,2)
```
#181a04
```
#181a04 rgb(24,26,4)
```
#282b07
```
#282b07 rgb(40,43,7)
```
#373c0a
```
#373c0a rgb(55,60,10)
```
#474d0c
```
#474d0c rgb(71,77,12)
```
#565e0f
```
#565e0f rgb(86,94,15)
```
#666f12
```
#666f12 rgb(102,111,18)
```
#758015
```
#758015 rgb(117,128,21)
```
#859117
```
#859117 rgb(133,145,23)
```
#94a11a
```
#94a11a rgb(148,161,26)
```
#a4b21d
```
#a4b21d rgb(164,178,29)
```
#b3c320
```
#b3c320 rgb(179,195,32)
```
#c3d422
```
#c3d422 rgb(195,212,34)
```

Shade Color Variation

#ccdd2d
```
#ccdd2d rgb(204,221,45)
```
#d0e03e
```
#d0e03e rgb(208,224,62)
```
#d4e24f
```
#d4e24f rgb(212,226,79)
```
#d8e560
```
#d8e560 rgb(216,229,96)
```
#dce871
```
#dce871 rgb(220,232,113)
```
#e0eb81
```
#e0eb81 rgb(224,235,129)
```
#e5ed92
```
#e5ed92 rgb(229,237,146)
```
#e9f0a3
```
#e9f0a3 rgb(233,240,163)
```
#edf3b4
```
#edf3b4 rgb(237,243,180)
```
#f1f6c5
```
#f1f6c5 rgb(241,246,197)
```
#f5f8d6
```
#f5f8d6 rgb(245,248,214)
```
#f9fbe7
```
#f9fbe7 rgb(249,251,231)
```
#fdfef8
```
#fdfef8 rgb(253,254,248)
```

Tint Color Variation

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

#888981
```
#888981 rgb(136,137,129)
```
#8f9278
```
#8f9278 rgb(143,146,120)
```
#979b6f
```
#979b6f rgb(151,155,111)
```
#9fa565
```
#9fa565 rgb(159,165,101)
```
#a6ae5c
```
#a6ae5c rgb(166,174,92)
```
#aeb753
```
#aeb753 rgb(174,183,83)
```
#b5c149
```
#b5c149 rgb(181,193,73)
```
#bdca40
```
#bdca40 rgb(189,202,64)
```
#c4d436
```
#c4d436 rgb(196,212,54)
```
#ccdd2d
```
#ccdd2d rgb(204,221,45)
```
#d4e624
```
#d4e624 rgb(212,230,36)
```
#dbf01a
```
#dbf01a rgb(219,240,26)
```
#e3f911
```
#e3f911 rgb(227,249,17)
```

Tone Color Variation

Below, you can see how #ccdd2d 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
#c6c9a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed535 Protanopia 1% of men
#ffcc78 Deuteranopia 1% of men
#dfd0df Tritanopia 0.001% of the population

Trichromacy

#e1d832 Protanomaly 1% of men, 0.01% of women
#ecd25d Deuteranomaly 6% of men, 0.4% of women
#d8d49e Tritanomaly 0.01% of the population

#ccdd2d hex color

#ccdd2d Color Information

#ccdd2d Color Conversion

Color Schemes with #ccdd2d

Alternatives to #ccdd2d

#ccdd2d Preview

Shades and Tints of #ccdd2d

Tones of #ccdd2d

Color Blindness Simulator