#ccd42c hex color

In a RGB color space, hex #ccd42c is composed of 80% red, 83.1% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 79.2% yellow and 16.9% black. It has a hue angle of 62.9 degrees, a saturation of 66.1% and a lightness of 50.2%. #ccd42c color hex could be obtained by blending #ffff58 with #99a900. Closest websafe color is: #cccc33.

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

● #ccd42c color description : Strong yellow.

The hexadecimal color #ccd42c has RGB values of R:204, G:212, B:44 and CMYK values of C:0.04, M:0, Y:0.79, K:0.17. Its decimal value is 13423660.

Hex triplet	ccd42c	`#ccd42c`
RGB Decimal	204, 212, 44	`rgb(204,212,44)`
RGB Percent	80, 83.1, 17.3	`rgb(80%,83.1%,17.3%)`
CMYK	4, 0, 79, 17
HSL	62.9°, 66.1, 50.2	`hsl(62.9,66.1%,50.2%)`
HSV (or HSB)	62.9°, 79.2, 83.1
Web Safe	cccc33	`#cccc33`

CIE-LAB	81.896, -21.321, 74.499
XYZ	48.9, 60.107, 11.409
xyY	0.406, 0.499, 60.107
CIE-LCH	81.896, 77.49, 105.971
CIE-LUV	81.896, 0.845, 86.252
Hunter-Lab	77.529, -23.089, 45.545
Binary	11001100, 11010100, 00101100

#ccd42c
```
#ccd42c rgb(204,212,44)
```
#342cd4
```
#342cd4 rgb(52,44,212)
```

Complementary Color

#d4882c
```
#d4882c rgb(212,136,44)
```
#ccd42c
```
#ccd42c rgb(204,212,44)
```
#78d42c
```
#78d42c rgb(120,212,44)
```

Analogous Color

#882cd4
```
#882cd4 rgb(136,44,212)
```
#ccd42c
```
#ccd42c rgb(204,212,44)
```
#2c78d4
```
#2c78d4 rgb(44,120,212)
```

Split Complementary Color

#d42ccc
```
#d42ccc rgb(212,44,204)
```
#ccd42c
```
#ccd42c rgb(204,212,44)
```
#2cccd4
```
#2cccd4 rgb(44,204,212)
```

Triadic Color

#d4342c
```
#d4342c rgb(212,52,44)
```
#ccd42c
```
#ccd42c rgb(204,212,44)
```
#2cccd4
```
#2cccd4 rgb(44,204,212)
```
#342cd4
```
#342cd4 rgb(52,44,212)
```

Tetradic Color

#8f951e
```
#8f951e rgb(143,149,30)
```
#a4aa23
```
#a4aa23 rgb(164,170,35)
```
#b8bf27
```
#b8bf27 rgb(184,191,39)
```
#ccd42c
```
#ccd42c rgb(204,212,44)
```
#d1d841
```
#d1d841 rgb(209,216,65)
```
#d6dd56
```
#d6dd56 rgb(214,221,86)
```
#dbe16c
```
#dbe16c rgb(219,225,108)
```

Monochromatic Color

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

#d4b22c
```
#d4b22c rgb(212,178,44)
```
#d4c02c
```
#d4c02c rgb(212,192,44)
```
#d4ce2c
```
#d4ce2c rgb(212,206,44)
```
#ccd42c
```
#ccd42c rgb(204,212,44)
```
#bed42c
```
#bed42c rgb(190,212,44)
```
#b0d42c
```
#b0d42c rgb(176,212,44)
```
#a2d42c
```
#a2d42c rgb(162,212,44)
```

Similar Colors

Text with hexadecimal color #ccd42c

This text has a font color of #ccd42c.

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

#ccd42c background color

This paragraph has a background color of #ccd42c.

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

#ccd42c border color

This element has a border color of #ccd42c.

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

CSS codes

.text {color:#ccd42c;}

.background {background-color:#ccd42c;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#101103
```
#101103 rgb(16,17,3)
```
#202107
```
#202107 rgb(32,33,7)
```
#30320a
```
#30320a rgb(48,50,10)
```
#40420d
```
#40420d rgb(64,66,13)
```
#4f5211
```
#4f5211 rgb(79,82,17)
```
#5f6314
```
#5f6314 rgb(95,99,20)
```
#6f7317
```
#6f7317 rgb(111,115,23)
```
#7e831b
```
#7e831b rgb(126,131,27)
```
#8e931e
```
#8e931e rgb(142,147,30)
```
#9ea421
```
#9ea421 rgb(158,164,33)
```
#adb425
```
#adb425 rgb(173,180,37)
```
#bdc428
```
#bdc428 rgb(189,196,40)
```

Shade Color Variation

#ccd42c
```
#ccd42c rgb(204,212,44)
```
#d0d73c
```
#d0d73c rgb(208,215,60)
```
#d4db4d
```
#d4db4d rgb(212,219,77)
```
#d8de5d
```
#d8de5d rgb(216,222,93)
```
#dce16d
```
#dce16d rgb(220,225,109)
```
#e0e57d
```
#e0e57d rgb(224,229,125)
```
#e4e88e
```
#e4e88e rgb(228,232,142)
```
#e8eb9e
```
#e8eb9e rgb(232,235,158)
```
#ecefae
```
#ecefae rgb(236,239,174)
```
#eff2bf
```
#eff2bf rgb(239,242,191)
```
#f3f5cf
```
#f3f5cf rgb(243,245,207)
```
#f7f9df
```
#f7f9df rgb(247,249,223)
```
#fbfcf0
```
#fbfcf0 rgb(251,252,240)
```

Tint Color Variation

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

#85867a
```
#85867a rgb(133,134,122)
```
#8e9070
```
#8e9070 rgb(142,144,112)
```
#979967
```
#979967 rgb(151,153,103)
```
#a0a35d
```
#a0a35d rgb(160,163,93)
```
#a9ad53
```
#a9ad53 rgb(169,173,83)
```
#b1b749
```
#b1b749 rgb(177,183,73)
```
#bac040
```
#bac040 rgb(186,192,64)
```
#c3ca36
```
#c3ca36 rgb(195,202,54)
```
#ccd42c
```
#ccd42c rgb(204,212,44)
```
#d5de22
```
#d5de22 rgb(213,222,34)
```
#dee818
```
#dee818 rgb(222,232,24)
```
#e7f10f
```
#e7f10f rgb(231,241,15)
```
#effb05
```
#effb05 rgb(239,251,5)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#c1c2a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6ce34 Protanopia 1% of men
#ffc44c Deuteranopia 1% of men
#ddc8d6 Tritanopia 0.001% of the population

Trichromacy

#ddd031 Protanomaly 1% of men, 0.01% of women
#ecca40 Deuteranomaly 6% of men, 0.4% of women
#d7cc98 Tritanomaly 0.01% of the population

#ccd42c hex color

#ccd42c Color Information

#ccd42c Color Conversion

Color Schemes with #ccd42c

Alternatives to #ccd42c

#ccd42c Preview

Shades and Tints of #ccd42c

Tones of #ccd42c

Color Blindness Simulator