colorhexa.com

#ccdc04 hex color

In a RGB color space, hex #ccdc04 is composed of 80% red, 86.3% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 0% magenta, 98.2% yellow and 13.7% black. It has a hue angle of 64.4 degrees, a saturation of 96.4% and a lightness of 43.9%. #ccdc04 color hex could be obtained by blending #ffff08 with #99b900. Closest websafe color is: #cccc00.

- R 80
- G 86
- B 2
RGB color chart
- C 7
- M 0
- Y 98
- K 14
CMYK color chart

● #ccdc04 color description : Vivid yellow.

The hexadecimal color #ccdc04 has RGB values of R:204, G:220, B:4 and CMYK values of C:0.07, M:0, Y:0.98, K:0.14. Its decimal value is 13425668.

Hex triplet	ccdc04	`#ccdc04`
RGB Decimal	204, 220, 4	`rgb(204,220,4)`
RGB Percent	80, 86.3, 1.6	`rgb(80%,86.3%,1.6%)`
CMYK	7, 0, 98, 14
HSL	64.4°, 96.4, 43.9	`hsl(64.4,96.4%,43.9%)`
HSV (or HSB)	64.4°, 98.2, 86.3
Web Safe	cccc00	`#cccc00`

CIE-LAB	83.983, -25.947, 82.714
XYZ	50.517, 64.033, 9.813
xyY	0.406, 0.515, 64.033
CIE-LCH	83.983, 86.688, 107.417
CIE-LUV	83.983, -3.961, 93.407
Hunter-Lab	80.021, -27.349, 48.743
Binary	11001100, 11011100, 00000100

#ccdc04
```
#ccdc04 rgb(204,220,4)
```
#1404dc
```
#1404dc rgb(20,4,220)
```

Complementary Color

#dc8004
```
#dc8004 rgb(220,128,4)
```
#ccdc04
```
#ccdc04 rgb(204,220,4)
```
#60dc04
```
#60dc04 rgb(96,220,4)
```

Analogous Color

#8004dc
```
#8004dc rgb(128,4,220)
```
#ccdc04
```
#ccdc04 rgb(204,220,4)
```
#0460dc
```
#0460dc rgb(4,96,220)
```

Split Complementary Color

#dc04cc
```
#dc04cc rgb(220,4,204)
```
#ccdc04
```
#ccdc04 rgb(204,220,4)
```
#04ccdc
```
#04ccdc rgb(4,204,220)
```

Triadic Color

#869103
```
#869103 rgb(134,145,3)
```
#9eaa03
```
#9eaa03 rgb(158,170,3)
```
#b5c304
```
#b5c304 rgb(181,195,4)
```
#ccdc04
```
#ccdc04 rgb(204,220,4)
```
#e3f504
```
#e3f504 rgb(227,245,4)
```
#eafb18
```
#eafb18 rgb(234,251,24)
```
#ecfb31
```
#ecfb31 rgb(236,251,49)
```

Monochromatic Color

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

#dcb604
```
#dcb604 rgb(220,182,4)
```
#dcc804
```
#dcc804 rgb(220,200,4)
```
#dcda04
```
#dcda04 rgb(220,218,4)
```
#ccdc04
```
#ccdc04 rgb(204,220,4)
```
#badc04
```
#badc04 rgb(186,220,4)
```
#a8dc04
```
#a8dc04 rgb(168,220,4)
```
#96dc04
```
#96dc04 rgb(150,220,4)
```

Similar Colors

Text with hexadecimal color #ccdc04

This text has a font color of #ccdc04.

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

#ccdc04 background color

This paragraph has a background color of #ccdc04.

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

#ccdc04 border color

This element has a border color of #ccdc04.

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

CSS codes

.text {color:#ccdc04;}

.background {background-color:#ccdc04;}

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

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

#070800
```
#070800 rgb(7,8,0)
```
#191b00
```
#191b00 rgb(25,27,0)
```
#2b2f01
```
#2b2f01 rgb(43,47,1)
```
#3d4201
```
#3d4201 rgb(61,66,1)
```
#4f5502
```
#4f5502 rgb(79,85,2)
```
#616802
```
#616802 rgb(97,104,2)
```
#737c02
```
#737c02 rgb(115,124,2)
```
#858f03
```
#858f03 rgb(133,143,3)
```
#96a203
```
#96a203 rgb(150,162,3)
```
#a8b503
```
#a8b503 rgb(168,181,3)
```
#bac904
```
#bac904 rgb(186,201,4)
```
#ccdc04
```
#ccdc04 rgb(204,220,4)
```
#deef04
```
#deef04 rgb(222,239,4)
```

Shade Color Variation

#e9fb0d
```
#e9fb0d rgb(233,251,13)
```
#ebfb20
```
#ebfb20 rgb(235,251,32)
```
#ecfb33
```
#ecfb33 rgb(236,251,51)
```
#eefc46
```
#eefc46 rgb(238,252,70)
```
#f0fc5a
```
#f0fc5a rgb(240,252,90)
```
#f2fc6d
```
#f2fc6d rgb(242,252,109)
```
#f3fd80
```
#f3fd80 rgb(243,253,128)
```
#f5fd93
```
#f5fd93 rgb(245,253,147)
```
#f7fda7
```
#f7fda7 rgb(247,253,167)
```
#f9feba
```
#f9feba rgb(249,254,186)
```
#fafecd
```
#fafecd rgb(250,254,205)
```
#fcfee1
```
#fcfee1 rgb(252,254,225)
```
#fefff4
```
#fefff4 rgb(254,255,244)
```

Tint Color Variation

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

#74756b
```
#74756b rgb(116,117,107)
```
#7b7d63
```
#7b7d63 rgb(123,125,99)
```
#83865a
```
#83865a rgb(131,134,90)
```
#8a8e52
```
#8a8e52 rgb(138,142,82)
```
#919749
```
#919749 rgb(145,151,73)
```
#99a040
```
#99a040 rgb(153,160,64)
```
#a0a838
```
#a0a838 rgb(160,168,56)
```
#a7b12f
```
#a7b12f rgb(167,177,47)
```
#afba26
```
#afba26 rgb(175,186,38)
```
#b6c21e
```
#b6c21e rgb(182,194,30)
```
#bdcb15
```
#bdcb15 rgb(189,203,21)
```
#c5d30d
```
#c5d30d rgb(197,211,13)
```
#ccdc04
```
#ccdc04 rgb(204,220,4)
```

Tone Color Variation

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

Dichromacy

#edd400 Protanopia 1% of men
#ffcb70 Deuteranopia 1% of men
#dfcfdd Tritanopia 0.001% of the population

Trichromacy

#e1d701 Protanomaly 1% of men, 0.01% of women
#ecd149 Deuteranomaly 6% of men, 0.4% of women
#d8d38e Tritanomaly 0.01% of the population