#ccd42e hex color

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

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

● #ccd42e color description : Strong yellow.

The hexadecimal color #ccd42e has RGB values of R:204, G:212, B:46 and CMYK values of C:0.04, M:0, Y:0.78, K:0.17. Its decimal value is 13423662.

Hex triplet	ccd42e	`#ccd42e`
RGB Decimal	204, 212, 46	`rgb(204,212,46)`
RGB Percent	80, 83.1, 18	`rgb(80%,83.1%,18%)`
CMYK	4, 0, 78, 17
HSL	62.9°, 65.9, 50.6	`hsl(62.9,65.9%,50.6%)`
HSV (or HSB)	62.9°, 78.3, 83.1
Web Safe	cccc33	`#cccc33`

CIE-LAB	81.905, -21.252, 73.958
XYZ	48.938, 60.122, 11.611
xyY	0.406, 0.498, 60.122
CIE-LCH	81.905, 76.951, 106.032
CIE-LUV	81.905, 0.823, 85.89
Hunter-Lab	77.538, -23.032, 45.398
Binary	11001100, 11010100, 00101110

#ccd42e
```
#ccd42e rgb(204,212,46)
```
#362ed4
```
#362ed4 rgb(54,46,212)
```

Complementary Color

#d4892e
```
#d4892e rgb(212,137,46)
```
#ccd42e
```
#ccd42e rgb(204,212,46)
```
#79d42e
```
#79d42e rgb(121,212,46)
```

Analogous Color

#892ed4
```
#892ed4 rgb(137,46,212)
```
#ccd42e
```
#ccd42e rgb(204,212,46)
```
#2e79d4
```
#2e79d4 rgb(46,121,212)
```

Split Complementary Color

#d42ecc
```
#d42ecc rgb(212,46,204)
```
#ccd42e
```
#ccd42e rgb(204,212,46)
```
#2eccd4
```
#2eccd4 rgb(46,204,212)
```

Triadic Color

#d4362e
```
#d4362e rgb(212,54,46)
```
#ccd42e
```
#ccd42e rgb(204,212,46)
```
#2eccd4
```
#2eccd4 rgb(46,204,212)
```
#362ed4
```
#362ed4 rgb(54,46,212)
```

Tetradic Color

#91971f
```
#91971f rgb(145,151,31)
```
#a5ac23
```
#a5ac23 rgb(165,172,35)
```
#b9c128
```
#b9c128 rgb(185,193,40)
```
#ccd42e
```
#ccd42e rgb(204,212,46)
```
#d1d843
```
#d1d843 rgb(209,216,67)
```
#d6dd58
```
#d6dd58 rgb(214,221,88)
```
#dbe16d
```
#dbe16d rgb(219,225,109)
```

Monochromatic Color

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

#d4b32e
```
#d4b32e rgb(212,179,46)
```
#d4c02e
```
#d4c02e rgb(212,192,46)
```
#d4ce2e
```
#d4ce2e rgb(212,206,46)
```
#ccd42e
```
#ccd42e rgb(204,212,46)
```
#bed42e
```
#bed42e rgb(190,212,46)
```
#b0d42e
```
#b0d42e rgb(176,212,46)
```
#a3d42e
```
#a3d42e rgb(163,212,46)
```

Similar Colors

Text with hexadecimal color #ccd42e

This text has a font color of #ccd42e.

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

#ccd42e background color

This paragraph has a background color of #ccd42e.

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

#ccd42e border color

This element has a border color of #ccd42e.

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

CSS codes

.text {color:#ccd42e;}

.background {background-color:#ccd42e;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#121304
```
#121304 rgb(18,19,4)
```
#222307
```
#222307 rgb(34,35,7)
```
#31330b
```
#31330b rgb(49,51,11)
```
#41440e
```
#41440e rgb(65,68,14)
```
#515411
```
#515411 rgb(81,84,17)
```
#606415
```
#606415 rgb(96,100,21)
```
#707418
```
#707418 rgb(112,116,24)
```
#80851b
```
#80851b rgb(128,133,27)
```
#8f951f
```
#8f951f rgb(143,149,31)
```
#9fa522
```
#9fa522 rgb(159,165,34)
```
#aeb525
```
#aeb525 rgb(174,181,37)
```
#bec629
```
#bec629 rgb(190,198,41)
```

Shade Color Variation

#ccd42e
```
#ccd42e rgb(204,212,46)
```
#d0d73e
```
#d0d73e rgb(208,215,62)
```
#d4db4f
```
#d4db4f rgb(212,219,79)
```
#d8de5f
```
#d8de5f rgb(216,222,95)
```
#dce16f
```
#dce16f rgb(220,225,111)
```
#e0e57f
```
#e0e57f rgb(224,229,127)
```
#e4e890
```
#e4e890 rgb(228,232,144)
```
#e8eba0
```
#e8eba0 rgb(232,235,160)
```
#ecefb0
```
#ecefb0 rgb(236,239,176)
```
#f0f2c0
```
#f0f2c0 rgb(240,242,192)
```
#f4f5d1
```
#f4f5d1 rgb(244,245,209)
```
#f8f9e1
```
#f8f9e1 rgb(248,249,225)
```
#fcfcf1
```
#fcfcf1 rgb(252,252,241)
```

Tint Color Variation

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

#86867c
```
#86867c rgb(134,134,124)
```
#8f9072
```
#8f9072 rgb(143,144,114)
```
#979a68
```
#979a68 rgb(151,154,104)
```
#a0a45e
```
#a0a45e rgb(160,164,94)
```
#a9ad55
```
#a9ad55 rgb(169,173,85)
```
#b2b74b
```
#b2b74b rgb(178,183,75)
```
#bac141
```
#bac141 rgb(186,193,65)
```
#c3ca38
```
#c3ca38 rgb(195,202,56)
```
#ccd42e
```
#ccd42e rgb(204,212,46)
```
#d5de24
```
#d5de24 rgb(213,222,36)
```
#dee71b
```
#dee71b rgb(222,231,27)
```
#e6f111
```
#e6f111 rgb(230,241,17)
```
#effb07
```
#effb07 rgb(239,251,7)
```

Tone Color Variation

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

Dichromacy

#e6ce36 Protanopia 1% of men
#ffc44d Deuteranopia 1% of men
#ddc8d6 Tritanopia 0.001% of the population

Trichromacy

#ddd033 Protanomaly 1% of men, 0.01% of women
#ecca41 Deuteranomaly 6% of men, 0.4% of women
#d7cc99 Tritanomaly 0.01% of the population

#ccd42e hex color

#ccd42e Color Information

#ccd42e Color Conversion

Color Schemes with #ccd42e

Alternatives to #ccd42e

#ccd42e Preview

Shades and Tints of #ccd42e

Tones of #ccd42e

Color Blindness Simulator