#ccdc09 hex color

In a RGB color space, hex #ccdc09 is composed of 80% red, 86.3% green and 3.5% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 0% magenta, 95.9% yellow and 13.7% black. It has a hue angle of 64.5 degrees, a saturation of 92.1% and a lightness of 44.9%. #ccdc09 color hex could be obtained by blending #ffff12 with #99b900. Closest websafe color is: #cccc00.

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

● #ccdc09 color description : Vivid yellow.

The hexadecimal color #ccdc09 has RGB values of R:204, G:220, B:9 and CMYK values of C:0.07, M:0, Y:0.96, K:0.14. Its decimal value is 13425673.

Hex triplet	ccdc09	`#ccdc09`
RGB Decimal	204, 220, 9	`rgb(204,220,9)`
RGB Percent	80, 86.3, 3.5	`rgb(80%,86.3%,3.5%)`
CMYK	7, 0, 96, 14
HSL	64.5°, 92.1, 44.9	`hsl(64.5,92.1%,44.9%)`
HSV (or HSB)	64.5°, 95.9, 86.3
Web Safe	cccc00	`#cccc00`

CIE-LAB	83.989, -25.899, 82.287
XYZ	50.544, 64.044, 9.958
xyY	0.406, 0.514, 64.044
CIE-LCH	83.989, 86.266, 107.471
CIE-LUV	83.989, -3.974, 93.154
Hunter-Lab	80.027, -27.31, 48.642
Binary	11001100, 11011100, 00001001

#ccdc09
```
#ccdc09 rgb(204,220,9)
```
#1909dc
```
#1909dc rgb(25,9,220)
```

Complementary Color

#dc8309
```
#dc8309 rgb(220,131,9)
```
#ccdc09
```
#ccdc09 rgb(204,220,9)
```
#63dc09
```
#63dc09 rgb(99,220,9)
```

Analogous Color

#8309dc
```
#8309dc rgb(131,9,220)
```
#ccdc09
```
#ccdc09 rgb(204,220,9)
```
#0963dc
```
#0963dc rgb(9,99,220)
```

Split Complementary Color

#dc09cc
```
#dc09cc rgb(220,9,204)
```
#ccdc09
```
#ccdc09 rgb(204,220,9)
```
#09ccdc
```
#09ccdc rgb(9,204,220)
```

Triadic Color

#dc1909
```
#dc1909 rgb(220,25,9)
```
#ccdc09
```
#ccdc09 rgb(204,220,9)
```
#09ccdc
```
#09ccdc rgb(9,204,220)
```
#1909dc
```
#1909dc rgb(25,9,220)
```

Tetradic Color

#889306
```
#889306 rgb(136,147,6)
```
#9fab07
```
#9fab07 rgb(159,171,7)
```
#b5c408
```
#b5c408 rgb(181,196,8)
```
#ccdc09
```
#ccdc09 rgb(204,220,9)
```
#e3f40a
```
#e3f40a rgb(227,244,10)
```
#e6f622
```
#e6f622 rgb(230,246,34)
```
#e9f73b
```
#e9f73b rgb(233,247,59)
```

Monochromatic Color

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

#dcb709
```
#dcb709 rgb(220,183,9)
```
#dcc909
```
#dcc909 rgb(220,201,9)
```
#dcda09
```
#dcda09 rgb(220,218,9)
```
#ccdc09
```
#ccdc09 rgb(204,220,9)
```
#badc09
```
#badc09 rgb(186,220,9)
```
#a9dc09
```
#a9dc09 rgb(169,220,9)
```
#97dc09
```
#97dc09 rgb(151,220,9)
```

Similar Colors

Text with hexadecimal color #ccdc09

This text has a font color of #ccdc09.

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

#ccdc09 background color

This paragraph has a background color of #ccdc09.

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

#ccdc09 border color

This element has a border color of #ccdc09.

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

CSS codes

.text {color:#ccdc09;}

.background {background-color:#ccdc09;}

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

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

#0c0d01
```
#0c0d01 rgb(12,13,1)
```
#1d2001
```
#1d2001 rgb(29,32,1)
```
#2f3202
```
#2f3202 rgb(47,50,2)
```
#404503
```
#404503 rgb(64,69,3)
```
#525804
```
#525804 rgb(82,88,4)
```
#636b04
```
#636b04 rgb(99,107,4)
```
#757e05
```
#757e05 rgb(117,126,5)
```
#869106
```
#869106 rgb(134,145,6)
```
#98a307
```
#98a307 rgb(152,163,7)
```
#a9b607
```
#a9b607 rgb(169,182,7)
```
#bbc908
```
#bbc908 rgb(187,201,8)
```
#ccdc09
```
#ccdc09 rgb(204,220,9)
```
#ddef0a
```
#ddef0a rgb(221,239,10)
```

Shade Color Variation

#e5f517
```
#e5f517 rgb(229,245,23)
```
#e7f62a
```
#e7f62a rgb(231,246,42)
```
#e9f73c
```
#e9f73c rgb(233,247,60)
```
#ebf84f
```
#ebf84f rgb(235,248,79)
```
#edf962
```
#edf962 rgb(237,249,98)
```
#eff975
```
#eff975 rgb(239,249,117)
```
#f1fa88
```
#f1fa88 rgb(241,250,136)
```
#f4fb9b
```
#f4fb9b rgb(244,251,155)
```
#f6fcad
```
#f6fcad rgb(246,252,173)
```
#f8fcc0
```
#f8fcc0 rgb(248,252,192)
```
#fafdd3
```
#fafdd3 rgb(250,253,211)
```
#fcfee6
```
#fcfee6 rgb(252,254,230)
```
#fefff9
```
#fefff9 rgb(254,255,249)
```

Tint Color Variation

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

#7a7b6a
```
#7a7b6a rgb(122,123,106)
```
#818461
```
#818461 rgb(129,132,97)
```
#898d58
```
#898d58 rgb(137,141,88)
```
#90964f
```
#90964f rgb(144,150,79)
```
#989e47
```
#989e47 rgb(152,158,71)
```
#9fa73e
```
#9fa73e rgb(159,167,62)
```
#a7b035
```
#a7b035 rgb(167,176,53)
```
#aeb92c
```
#aeb92c rgb(174,185,44)
```
#b6c223
```
#b6c223 rgb(182,194,35)
```
#bdca1b
```
#bdca1b rgb(189,202,27)
```
#c5d312
```
#c5d312 rgb(197,211,18)
```
#ccdc09
```
#ccdc09 rgb(204,220,9)
```
#d3e500
```
#d3e500 rgb(211,229,0)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#c2c59b Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd40f Protanopia 1% of men
#ffcb71 Deuteranopia 1% of men
#dfcfdd Tritanopia 0.001% of the population

Trichromacy

#e1d70d Protanomaly 1% of men, 0.01% of women
#ecd14b Deuteranomaly 6% of men, 0.4% of women
#d8d390 Tritanomaly 0.01% of the population

#ccdc09 hex color

#ccdc09 Color Information

#ccdc09 Color Conversion

Color Schemes with #ccdc09

Alternatives to #ccdc09

#ccdc09 Preview

Shades and Tints of #ccdc09

Tones of #ccdc09

Color Blindness Simulator