#ccd420 hex color

In a RGB color space, hex #ccd420 is composed of 80% red, 83.1% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 84.9% yellow and 16.9% black. It has a hue angle of 62.7 degrees, a saturation of 73.8% and a lightness of 47.8%. #ccd420 color hex could be obtained by blending #ffff40 with #99a900. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 83
- B 13
RGB color chart
- C 4
- M 0
- Y 85
- K 17
CMYK color chart

● #ccd420 color description : Strong yellow.

The hexadecimal color #ccd420 has RGB values of R:204, G:212, B:32 and CMYK values of C:0.04, M:0, Y:0.85, K:0.17. Its decimal value is 13423648.

Hex triplet	ccd420	`#ccd420`
RGB Decimal	204, 212, 32	`rgb(204,212,32)`
RGB Percent	80, 83.1, 12.5	`rgb(80%,83.1%,12.5%)`
CMYK	4, 0, 85, 17
HSL	62.7°, 73.8, 47.8	`hsl(62.7,73.8%,47.8%)`
HSV (or HSB)	62.7°, 84.9, 83.1
Web Safe	cccc33	`#cccc33`

CIE-LAB	81.854, -21.67, 77.328
XYZ	48.706, 60.029, 10.388
xyY	0.409, 0.504, 60.029
CIE-LCH	81.854, 80.307, 105.655
CIE-LUV	81.854, 0.956, 88.086
Hunter-Lab	77.479, -23.375, 46.286
Binary	11001100, 11010100, 00100000

#ccd420
```
#ccd420 rgb(204,212,32)
```
#2820d4
```
#2820d4 rgb(40,32,212)
```

Complementary Color

#d48220
```
#d48220 rgb(212,130,32)
```
#ccd420
```
#ccd420 rgb(204,212,32)
```
#72d420
```
#72d420 rgb(114,212,32)
```

Analogous Color

#8220d4
```
#8220d4 rgb(130,32,212)
```
#ccd420
```
#ccd420 rgb(204,212,32)
```
#2072d4
```
#2072d4 rgb(32,114,212)
```

Split Complementary Color

#d420cc
```
#d420cc rgb(212,32,204)
```
#ccd420
```
#ccd420 rgb(204,212,32)
```
#20ccd4
```
#20ccd4 rgb(32,204,212)
```

Triadic Color

#d42820
```
#d42820 rgb(212,40,32)
```
#ccd420
```
#ccd420 rgb(204,212,32)
```
#20ccd4
```
#20ccd4 rgb(32,204,212)
```
#2820d4
```
#2820d4 rgb(40,32,212)
```

Tetradic Color

#8c9216
```
#8c9216 rgb(140,146,22)
```
#a1a819
```
#a1a819 rgb(161,168,25)
```
#b7be1d
```
#b7be1d rgb(183,190,29)
```
#ccd420
```
#ccd420 rgb(204,212,32)
```
#d8df2e
```
#d8df2e rgb(216,223,46)
```
#dce344
```
#dce344 rgb(220,227,68)
```
#e0e65a
```
#e0e65a rgb(224,230,90)
```

Monochromatic Color

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

#d4af20
```
#d4af20 rgb(212,175,32)
```
#d4be20
```
#d4be20 rgb(212,190,32)
```
#d4cd20
```
#d4cd20 rgb(212,205,32)
```
#ccd420
```
#ccd420 rgb(204,212,32)
```
#bdd420
```
#bdd420 rgb(189,212,32)
```
#aed420
```
#aed420 rgb(174,212,32)
```
#9fd420
```
#9fd420 rgb(159,212,32)
```

Similar Colors

Text with hexadecimal color #ccd420

This text has a font color of #ccd420.

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

#ccd420 background color

This paragraph has a background color of #ccd420.

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

#ccd420 border color

This element has a border color of #ccd420.

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

CSS codes

.text {color:#ccd420;}

.background {background-color:#ccd420;}

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

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

#070701
```
#070701 rgb(7,7,1)
```
#181904
```
#181904 rgb(24,25,4)
```
#282a06
```
#282a06 rgb(40,42,6)
```
#383b09
```
#383b09 rgb(56,59,9)
```
#494c0b
```
#494c0b rgb(73,76,11)
```
#595d0e
```
#595d0e rgb(89,93,14)
```
#6a6e11
```
#6a6e11 rgb(106,110,17)
```
#7a7f13
```
#7a7f13 rgb(122,127,19)
```
#8a9016
```
#8a9016 rgb(138,144,22)
```
#9ba118
```
#9ba118 rgb(155,161,24)
```
#abb21b
```
#abb21b rgb(171,178,27)
```
#bcc31d
```
#bcc31d rgb(188,195,29)
```
#ccd420
```
#ccd420 rgb(204,212,32)
```

Shade Color Variation

#d7df29
```
#d7df29 rgb(215,223,41)
```
#dae13a
```
#dae13a rgb(218,225,58)
```
#dde44b
```
#dde44b rgb(221,228,75)
```
#e0e65c
```
#e0e65c rgb(224,230,92)
```
#e3e96d
```
#e3e96d rgb(227,233,109)
```
#e7ec7e
```
#e7ec7e rgb(231,236,126)
```
#eaee8f
```
#eaee8f rgb(234,238,143)
```
#edf1a0
```
#edf1a0 rgb(237,241,160)
```
#f0f3b1
```
#f0f3b1 rgb(240,243,177)
```
#f4f6c2
```
#f4f6c2 rgb(244,246,194)
```
#f7f8d3
```
#f7f8d3 rgb(247,248,211)
```
#fafbe4
```
#fafbe4 rgb(250,251,228)
```
#fdfef5
```
#fdfef5 rgb(253,254,245)
```

Tint Color Variation

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

#7f8074
```
#7f8074 rgb(127,128,116)
```
#88896b
```
#88896b rgb(136,137,107)
```
#909262
```
#909262 rgb(144,146,98)
```
#999c58
```
#999c58 rgb(153,156,88)
```
#a1a54f
```
#a1a54f rgb(161,165,79)
```
#aaae46
```
#aaae46 rgb(170,174,70)
```
#b2b83c
```
#b2b83c rgb(178,184,60)
```
#bbc133
```
#bbc133 rgb(187,193,51)
```
#c3cb29
```
#c3cb29 rgb(195,203,41)
```
#ccd420
```
#ccd420 rgb(204,212,32)
```
#d5dd17
```
#d5dd17 rgb(213,221,23)
```
#dde70d
```
#dde70d rgb(221,231,13)
```
#e6f004
```
#e6f004 rgb(230,240,4)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c0c29e Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7ce29 Protanopia 1% of men
#ffc449 Deuteranopia 1% of men
#dec8d6 Tritanopia 0.001% of the population

Trichromacy

#ddd025 Protanomaly 1% of men, 0.01% of women
#ecca3a Deuteranomaly 6% of men, 0.4% of women
#d7cc94 Tritanomaly 0.01% of the population

#ccd420 hex color

#ccd420 Color Information

#ccd420 Color Conversion

Color Schemes with #ccd420

Alternatives to #ccd420

#ccd420 Preview

Shades and Tints of #ccd420

Tones of #ccd420

Color Blindness Simulator