#ccdd1e hex color

In a RGB color space, hex #ccdd1e is composed of 80% red, 86.7% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 0% magenta, 86.4% yellow and 13.3% black. It has a hue angle of 65.3 degrees, a saturation of 76.1% and a lightness of 49.2%. #ccdd1e color hex could be obtained by blending #ffff3c with #99bb00. Closest websafe color is: #cccc33.

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

● #ccdd1e color description : Vivid yellow.

The hexadecimal color #ccdd1e has RGB values of R:204, G:221, B:30 and CMYK values of C:0.08, M:0, Y:0.86, K:0.13. Its decimal value is 13425950.

Hex triplet	ccdd1e	`#ccdd1e`
RGB Decimal	204, 221, 30	`rgb(204,221,30)`
RGB Percent	80, 86.7, 11.8	`rgb(80%,86.7%,11.8%)`
CMYK	8, 0, 86, 13
HSL	65.3°, 76.1, 49.2	`hsl(65.3,76.1%,49.2%)`
HSV (or HSB)	65.3°, 86.4, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	84.3, -26.048, 79.728
XYZ	50.993, 64.644, 11.02
xyY	0.403, 0.51, 64.644
CIE-LCH	84.3, 83.875, 108.093
CIE-LUV	84.3, -4.677, 91.841
Hunter-Lab	80.402, -27.494, 48.155
Binary	11001100, 11011101, 00011110

#ccdd1e
```
#ccdd1e rgb(204,221,30)
```
#2f1edd
```
#2f1edd rgb(47,30,221)
```

Complementary Color

#dd8f1e
```
#dd8f1e rgb(221,143,30)
```
#ccdd1e
```
#ccdd1e rgb(204,221,30)
```
#6ddd1e
```
#6ddd1e rgb(109,221,30)
```

Analogous Color

#8f1edd
```
#8f1edd rgb(143,30,221)
```
#ccdd1e
```
#ccdd1e rgb(204,221,30)
```
#1e6ddd
```
#1e6ddd rgb(30,109,221)
```

Split Complementary Color

#dd1ecc
```
#dd1ecc rgb(221,30,204)
```
#ccdd1e
```
#ccdd1e rgb(204,221,30)
```
#1eccdd
```
#1eccdd rgb(30,204,221)
```

Triadic Color

#dd2f1e
```
#dd2f1e rgb(221,47,30)
```
#ccdd1e
```
#ccdd1e rgb(204,221,30)
```
#1eccdd
```
#1eccdd rgb(30,204,221)
```
#2f1edd
```
#2f1edd rgb(47,30,221)
```

Tetradic Color

#8e9a15
```
#8e9a15 rgb(142,154,21)
```
#a3b018
```
#a3b018 rgb(163,176,24)
```
#b7c71b
```
#b7c71b rgb(183,199,27)
```
#ccdd1e
```
#ccdd1e rgb(204,221,30)
```
#d3e331
```
#d3e331 rgb(211,227,49)
```
#d8e648
```
#d8e648 rgb(216,230,72)
```
#dde95e
```
#dde95e rgb(221,233,94)
```

Monochromatic Color

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

#ddbe1e
```
#ddbe1e rgb(221,190,30)
```
#ddce1e
```
#ddce1e rgb(221,206,30)
```
#dcdd1e
```
#dcdd1e rgb(220,221,30)
```
#ccdd1e
```
#ccdd1e rgb(204,221,30)
```
#bcdd1e
```
#bcdd1e rgb(188,221,30)
```
#acdd1e
```
#acdd1e rgb(172,221,30)
```
#9cdd1e
```
#9cdd1e rgb(156,221,30)
```

Similar Colors

Text with hexadecimal color #ccdd1e

This text has a font color of #ccdd1e.

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

#ccdd1e background color

This paragraph has a background color of #ccdd1e.

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

#ccdd1e border color

This element has a border color of #ccdd1e.

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

CSS codes

.text {color:#ccdd1e;}

.background {background-color:#ccdd1e;}

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

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, #0d0e02 is the darkest color, while #fefffb is the lightest one.

#0d0e02
```
#0d0e02 rgb(13,14,2)
```
#1d1f04
```
#1d1f04 rgb(29,31,4)
```
#2d3007
```
#2d3007 rgb(45,48,7)
```
#3d4209
```
#3d4209 rgb(61,66,9)
```
#4c530b
```
#4c530b rgb(76,83,11)
```
#5c640e
```
#5c640e rgb(92,100,14)
```
#6c7510
```
#6c7510 rgb(108,117,16)
```
#7c8712
```
#7c8712 rgb(124,135,18)
```
#8c9815
```
#8c9815 rgb(140,152,21)
```
#9ca917
```
#9ca917 rgb(156,169,23)
```
#acba19
```
#acba19 rgb(172,186,25)
```
#bccc1c
```
#bccc1c rgb(188,204,28)
```
#ccdd1e
```
#ccdd1e rgb(204,221,30)
```

Shade Color Variation

#d2e22c
```
#d2e22c rgb(210,226,44)
```
#d6e53d
```
#d6e53d rgb(214,229,61)
```
#dae74f
```
#dae74f rgb(218,231,79)
```
#dde960
```
#dde960 rgb(221,233,96)
```
#e1ec71
```
#e1ec71 rgb(225,236,113)
```
#e5ee83
```
#e5ee83 rgb(229,238,131)
```
#e8f094
```
#e8f094 rgb(232,240,148)
```
#ecf3a5
```
#ecf3a5 rgb(236,243,165)
```
#f0f5b6
```
#f0f5b6 rgb(240,245,182)
```
#f3f7c8
```
#f3f7c8 rgb(243,247,200)
```
#f7fad9
```
#f7fad9 rgb(247,250,217)
```
#fbfcea
```
#fbfcea rgb(251,252,234)
```
#fefffb
```
#fefffb rgb(254,255,251)
```

Tint Color Variation

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

#858675
```
#858675 rgb(133,134,117)
```
#8d906b
```
#8d906b rgb(141,144,107)
```
#949962
```
#949962 rgb(148,153,98)
```
#9ca358
```
#9ca358 rgb(156,163,88)
```
#a4ad4e
```
#a4ad4e rgb(164,173,78)
```
#acb645
```
#acb645 rgb(172,182,69)
```
#b4c03b
```
#b4c03b rgb(180,192,59)
```
#bcca31
```
#bcca31 rgb(188,202,49)
```
#c4d328
```
#c4d328 rgb(196,211,40)
```
#ccdd1e
```
#ccdd1e rgb(204,221,30)
```
#d4e714
```
#d4e714 rgb(212,231,20)
```
#dcf00b
```
#dcf00b rgb(220,240,11)
```
#e4fa01
```
#e4fa01 rgb(228,250,1)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c4c7a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed526 Protanopia 1% of men
#ffcc76 Deuteranopia 1% of men
#dfd0de Tritanopia 0.001% of the population

Trichromacy

#e1d723 Protanomaly 1% of men, 0.01% of women
#ecd256 Deuteranomaly 6% of men, 0.4% of women
#d8d498 Tritanomaly 0.01% of the population

#ccdd1e hex color

#ccdd1e Color Information

#ccdd1e Color Conversion

Color Schemes with #ccdd1e

Alternatives to #ccdd1e

#ccdd1e Preview

Shades and Tints of #ccdd1e

Tones of #ccdd1e

Color Blindness Simulator