#ccdc1d hex color

In a RGB color space, hex #ccdc1d is composed of 80% red, 86.3% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 0% magenta, 86.8% yellow and 13.7% black. It has a hue angle of 65 degrees, a saturation of 76.7% and a lightness of 48.8%. #ccdc1d color hex could be obtained by blending #ffff3a with #99b900. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 86
- B 11
RGB color chart
- C 7
- M 0
- Y 87
- K 14
CMYK color chart

● #ccdc1d color description : Vivid yellow.

The hexadecimal color #ccdc1d has RGB values of R:204, G:220, B:29 and CMYK values of C:0.07, M:0, Y:0.87, K:0.14. Its decimal value is 13425693.

Hex triplet	ccdc1d	`#ccdc1d`
RGB Decimal	204, 220, 29	`rgb(204,220,29)`
RGB Percent	80, 86.3, 11.4	`rgb(80%,86.3%,11.4%)`
CMYK	7, 0, 87, 14
HSL	65°, 76.7, 48.8	`hsl(65,76.7%,48.8%)`
HSV (or HSB)	65°, 86.8, 86.3
Web Safe	cccc33	`#cccc33`

CIE-LAB	84.024, -25.593, 79.689
XYZ	50.717, 64.113, 10.866
xyY	0.403, 0.51, 64.113
CIE-LCH	84.024, 83.698, 107.805
CIE-LUV	84.024, -4.053, 91.567
Hunter-Lab	80.07, -27.061, 48.004
Binary	11001100, 11011100, 00011101

#ccdc1d
```
#ccdc1d rgb(204,220,29)
```
#2d1ddc
```
#2d1ddc rgb(45,29,220)
```

Complementary Color

#dc8d1d
```
#dc8d1d rgb(220,141,29)
```
#ccdc1d
```
#ccdc1d rgb(204,220,29)
```
#6ddc1d
```
#6ddc1d rgb(109,220,29)
```

Analogous Color

#8d1ddc
```
#8d1ddc rgb(141,29,220)
```
#ccdc1d
```
#ccdc1d rgb(204,220,29)
```
#1d6ddc
```
#1d6ddc rgb(29,109,220)
```

Split Complementary Color

#dc1dcc
```
#dc1dcc rgb(220,29,204)
```
#ccdc1d
```
#ccdc1d rgb(204,220,29)
```
#1dccdc
```
#1dccdc rgb(29,204,220)
```

Triadic Color

#dc2d1d
```
#dc2d1d rgb(220,45,29)
```
#ccdc1d
```
#ccdc1d rgb(204,220,29)
```
#1dccdc
```
#1dccdc rgb(29,204,220)
```
#2d1ddc
```
#2d1ddc rgb(45,29,220)
```

Tetradic Color

#8d9814
```
#8d9814 rgb(141,152,20)
```
#a2af17
```
#a2af17 rgb(162,175,23)
```
#b7c51a
```
#b7c51a rgb(183,197,26)
```
#ccdc1d
```
#ccdc1d rgb(204,220,29)
```
#d4e42f
```
#d4e42f rgb(212,228,47)
```
#d9e745
```
#d9e745 rgb(217,231,69)
```
#deea5c
```
#deea5c rgb(222,234,92)
```

Monochromatic Color

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

#dcbc1d
```
#dcbc1d rgb(220,188,29)
```
#dccc1d
```
#dccc1d rgb(220,204,29)
```
#dcdc1d
```
#dcdc1d rgb(220,220,29)
```
#ccdc1d
```
#ccdc1d rgb(204,220,29)
```
#bcdc1d
```
#bcdc1d rgb(188,220,29)
```
#acdc1d
```
#acdc1d rgb(172,220,29)
```
#9cdc1d
```
#9cdc1d rgb(156,220,29)
```

Similar Colors

Text with hexadecimal color #ccdc1d

This text has a font color of #ccdc1d.

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

#ccdc1d background color

This paragraph has a background color of #ccdc1d.

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

#ccdc1d border color

This element has a border color of #ccdc1d.

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

CSS codes

.text {color:#ccdc1d;}

.background {background-color:#ccdc1d;}

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

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

#0b0c02
```
#0b0c02 rgb(11,12,2)
```
#1b1d04
```
#1b1d04 rgb(27,29,4)
```
#2b2f06
```
#2b2f06 rgb(43,47,6)
```
#3b4008
```
#3b4008 rgb(59,64,8)
```
#4b510b
```
#4b510b rgb(75,81,11)
```
#5c630d
```
#5c630d rgb(92,99,13)
```
#6c740f
```
#6c740f rgb(108,116,15)
```
#7c8512
```
#7c8512 rgb(124,133,18)
```
#8c9714
```
#8c9714 rgb(140,151,20)
```
#9ca816
```
#9ca816 rgb(156,168,22)
```
#acb918
```
#acb918 rgb(172,185,24)
```
#bccb1b
```
#bccb1b rgb(188,203,27)
```
#ccdc1d
```
#ccdc1d rgb(204,220,29)
```

Shade Color Variation

#d3e32a
```
#d3e32a rgb(211,227,42)
```
#d7e53b
```
#d7e53b rgb(215,229,59)
```
#dae74c
```
#dae74c rgb(218,231,76)
```
#deea5e
```
#deea5e rgb(222,234,94)
```
#e2ec6f
```
#e2ec6f rgb(226,236,111)
```
#e5ee80
```
#e5ee80 rgb(229,238,128)
```
#e9f192
```
#e9f192 rgb(233,241,146)
```
#ecf3a3
```
#ecf3a3 rgb(236,243,163)
```
#f0f5b4
```
#f0f5b4 rgb(240,245,180)
```
#f3f7c6
```
#f3f7c6 rgb(243,247,198)
```
#f7fad7
```
#f7fad7 rgb(247,250,215)
```
#fafce8
```
#fafce8 rgb(250,252,232)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#848673
```
#848673 rgb(132,134,115)
```
#8c8f6a
```
#8c8f6a rgb(140,143,106)
```
#949960
```
#949960 rgb(148,153,96)
```
#9ca356
```
#9ca356 rgb(156,163,86)
```
#a4ac4d
```
#a4ac4d rgb(164,172,77)
```
#acb643
```
#acb643 rgb(172,182,67)
```
#b4bf3a
```
#b4bf3a rgb(180,191,58)
```
#bcc930
```
#bcc930 rgb(188,201,48)
```
#c4d227
```
#c4d227 rgb(196,210,39)
```
#ccdc1d
```
#ccdc1d rgb(204,220,29)
```
#d4e613
```
#d4e613 rgb(212,230,19)
```
#dcef0a
```
#dcef0a rgb(220,239,10)
```
#e4f900
```
#e4f900 rgb(228,249,0)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c3c6a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd425 Protanopia 1% of men
#ffcb72 Deuteranopia 1% of men
#dfcfdd Tritanopia 0.001% of the population

Trichromacy

#e1d722 Protanomaly 1% of men, 0.01% of women
#ecd153 Deuteranomaly 6% of men, 0.4% of women
#d8d397 Tritanomaly 0.01% of the population

#ccdc1d hex color

#ccdc1d Color Information

#ccdc1d Color Conversion

Color Schemes with #ccdc1d

Alternatives to #ccdc1d

#ccdc1d Preview

Shades and Tints of #ccdc1d

Tones of #ccdc1d

Color Blindness Simulator