#ccdc0a hex color

In a RGB color space, hex #ccdc0a is composed of 80% red, 86.3% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 0% magenta, 95.5% yellow and 13.7% black. It has a hue angle of 64.6 degrees, a saturation of 91.3% and a lightness of 45.1%. #ccdc0a color hex could be obtained by blending #ffff14 with #99b900. Closest websafe color is: #cccc00.

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

● #ccdc0a color description : Vivid yellow.

The hexadecimal color #ccdc0a has RGB values of R:204, G:220, B:10 and CMYK values of C:0.07, M:0, Y:0.95, K:0.14. Its decimal value is 13425674.

Hex triplet	ccdc0a	`#ccdc0a`
RGB Decimal	204, 220, 10	`rgb(204,220,10)`
RGB Percent	80, 86.3, 3.9	`rgb(80%,86.3%,3.9%)`
CMYK	7, 0, 95, 14
HSL	64.6°, 91.3, 45.1	`hsl(64.6,91.3%,45.1%)`
HSV (or HSB)	64.6°, 95.5, 86.3
Web Safe	cccc00	`#cccc00`

CIE-LAB	83.99, -25.889, 82.202
XYZ	50.55, 64.046, 9.986
xyY	0.406, 0.514, 64.046
CIE-LCH	83.99, 86.182, 107.482
CIE-LUV	83.99, -3.976, 93.103
Hunter-Lab	80.029, -27.302, 48.622
Binary	11001100, 11011100, 00001010

#ccdc0a
```
#ccdc0a rgb(204,220,10)
```
#1a0adc
```
#1a0adc rgb(26,10,220)
```

Complementary Color

#dc830a
```
#dc830a rgb(220,131,10)
```
#ccdc0a
```
#ccdc0a rgb(204,220,10)
```
#63dc0a
```
#63dc0a rgb(99,220,10)
```

Analogous Color

#830adc
```
#830adc rgb(131,10,220)
```
#ccdc0a
```
#ccdc0a rgb(204,220,10)
```
#0a63dc
```
#0a63dc rgb(10,99,220)
```

Split Complementary Color

#dc0acc
```
#dc0acc rgb(220,10,204)
```
#ccdc0a
```
#ccdc0a rgb(204,220,10)
```
#0accdc
```
#0accdc rgb(10,204,220)
```

Triadic Color

#dc1a0a
```
#dc1a0a rgb(220,26,10)
```
#ccdc0a
```
#ccdc0a rgb(204,220,10)
```
#0accdc
```
#0accdc rgb(10,204,220)
```
#1a0adc
```
#1a0adc rgb(26,10,220)
```

Tetradic Color

#889307
```
#889307 rgb(136,147,7)
```
#9fab08
```
#9fab08 rgb(159,171,8)
```
#b5c409
```
#b5c409 rgb(181,196,9)
```
#ccdc0a
```
#ccdc0a rgb(204,220,10)
```
#e2f40c
```
#e2f40c rgb(226,244,12)
```
#e5f524
```
#e5f524 rgb(229,245,36)
```
#e8f63c
```
#e8f63c rgb(232,246,60)
```

Monochromatic Color

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

#dcb80a
```
#dcb80a rgb(220,184,10)
```
#dcc90a
```
#dcc90a rgb(220,201,10)
```
#dcdb0a
```
#dcdb0a rgb(220,219,10)
```
#ccdc0a
```
#ccdc0a rgb(204,220,10)
```
#bbdc0a
```
#bbdc0a rgb(187,220,10)
```
#a9dc0a
```
#a9dc0a rgb(169,220,10)
```
#98dc0a
```
#98dc0a rgb(152,220,10)
```

Similar Colors

Text with hexadecimal color #ccdc0a

This text has a font color of #ccdc0a.

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

#ccdc0a background color

This paragraph has a background color of #ccdc0a.

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

#ccdc0a border color

This element has a border color of #ccdc0a.

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

CSS codes

.text {color:#ccdc0a;}

.background {background-color:#ccdc0a;}

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

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

#0d0e01
```
#0d0e01 rgb(13,14,1)
```
#1e2001
```
#1e2001 rgb(30,32,1)
```
#2f3302
```
#2f3302 rgb(47,51,2)
```
#414603
```
#414603 rgb(65,70,3)
```
#525904
```
#525904 rgb(82,89,4)
```
#646b05
```
#646b05 rgb(100,107,5)
```
#757e06
```
#757e06 rgb(117,126,6)
```
#869107
```
#869107 rgb(134,145,7)
```
#98a407
```
#98a407 rgb(152,164,7)
```
#a9b608
```
#a9b608 rgb(169,182,8)
```
#bbc909
```
#bbc909 rgb(187,201,9)
```
#ccdc0a
```
#ccdc0a rgb(204,220,10)
```
#ddef0b
```
#ddef0b rgb(221,239,11)
```

Shade Color Variation

#e4f519
```
#e4f519 rgb(228,245,25)
```
#e6f52b
```
#e6f52b rgb(230,245,43)
```
#e8f63e
```
#e8f63e rgb(232,246,62)
```
#eaf751
```
#eaf751 rgb(234,247,81)
```
#edf864
```
#edf864 rgb(237,248,100)
```
#eff977
```
#eff977 rgb(239,249,119)
```
#f1fa89
```
#f1fa89 rgb(241,250,137)
```
#f3fb9c
```
#f3fb9c rgb(243,251,156)
```
#f6fbaf
```
#f6fbaf rgb(246,251,175)
```
#f8fcc2
```
#f8fcc2 rgb(248,252,194)
```
#fafdd4
```
#fafdd4 rgb(250,253,212)
```
#fcfee7
```
#fcfee7 rgb(252,254,231)
```
#fefffa
```
#fefffa rgb(254,255,250)
```

Tint Color Variation

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

#7a7b6b
```
#7a7b6b rgb(122,123,107)
```
#818462
```
#818462 rgb(129,132,98)
```
#898c5a
```
#898c5a rgb(137,140,90)
```
#909551
```
#909551 rgb(144,149,81)
```
#989e48
```
#989e48 rgb(152,158,72)
```
#9fa73f
```
#9fa73f rgb(159,167,63)
```
#a7b036
```
#a7b036 rgb(167,176,54)
```
#aeb92d
```
#aeb92d rgb(174,185,45)
```
#b6c125
```
#b6c125 rgb(182,193,37)
```
#bdca1c
```
#bdca1c rgb(189,202,28)
```
#c5d313
```
#c5d313 rgb(197,211,19)
```
#ccdc0a
```
#ccdc0a rgb(204,220,10)
```
#d3e501
```
#d3e501 rgb(211,229,1)
```

Tone Color Variation

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

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

Trichromacy

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

#ccdc0a hex color

#ccdc0a Color Information

#ccdc0a Color Conversion

Color Schemes with #ccdc0a

Alternatives to #ccdc0a

#ccdc0a Preview

Shades and Tints of #ccdc0a

Tones of #ccdc0a

Color Blindness Simulator