#ccd42f hex color

In a RGB color space, hex #ccd42f is composed of 80% red, 83.1% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 77.8% yellow and 16.9% black. It has a hue angle of 62.9 degrees, a saturation of 65.7% and a lightness of 50.8%. #ccd42f color hex could be obtained by blending #ffff5e 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

● #ccd42f color description : Strong yellow.

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

Hex triplet	ccd42f	`#ccd42f`
RGB Decimal	204, 212, 47	`rgb(204,212,47)`
RGB Percent	80, 83.1, 18.4	`rgb(80%,83.1%,18.4%)`
CMYK	4, 0, 78, 17
HSL	62.9°, 65.7, 50.8	`hsl(62.9,65.7%,50.8%)`
HSV (or HSB)	62.9°, 77.8, 83.1
Web Safe	cccc33	`#cccc33`

CIE-LAB	81.909, -21.216, 73.68
XYZ	48.958, 60.13, 11.716
xyY	0.405, 0.498, 60.13
CIE-LCH	81.909, 76.674, 106.064
CIE-LUV	81.909, 0.812, 85.702
Hunter-Lab	77.544, -23.003, 45.322
Binary	11001100, 11010100, 00101111

#ccd42f
```
#ccd42f rgb(204,212,47)
```
#372fd4
```
#372fd4 rgb(55,47,212)
```

Complementary Color

#d48a2f
```
#d48a2f rgb(212,138,47)
```
#ccd42f
```
#ccd42f rgb(204,212,47)
```
#7ad42f
```
#7ad42f rgb(122,212,47)
```

Analogous Color

#8a2fd4
```
#8a2fd4 rgb(138,47,212)
```
#ccd42f
```
#ccd42f rgb(204,212,47)
```
#2f7ad4
```
#2f7ad4 rgb(47,122,212)
```

Split Complementary Color

#d42fcc
```
#d42fcc rgb(212,47,204)
```
#ccd42f
```
#ccd42f rgb(204,212,47)
```
#2fccd4
```
#2fccd4 rgb(47,204,212)
```

Triadic Color

#d4372f
```
#d4372f rgb(212,55,47)
```
#ccd42f
```
#ccd42f rgb(204,212,47)
```
#2fccd4
```
#2fccd4 rgb(47,204,212)
```
#372fd4
```
#372fd4 rgb(55,47,212)
```

Tetradic Color

#91971f
```
#91971f rgb(145,151,31)
```
#a6ac24
```
#a6ac24 rgb(166,172,36)
```
#bac128
```
#bac128 rgb(186,193,40)
```
#ccd42f
```
#ccd42f rgb(204,212,47)
```
#d1d844
```
#d1d844 rgb(209,216,68)
```
#d6dd59
```
#d6dd59 rgb(214,221,89)
```
#dce16e
```
#dce16e rgb(220,225,110)
```

Monochromatic Color

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

#d4b32f
```
#d4b32f rgb(212,179,47)
```
#d4c12f
```
#d4c12f rgb(212,193,47)
```
#d4ce2f
```
#d4ce2f rgb(212,206,47)
```
#ccd42f
```
#ccd42f rgb(204,212,47)
```
#bed42f
```
#bed42f rgb(190,212,47)
```
#b1d42f
```
#b1d42f rgb(177,212,47)
```
#a3d42f
```
#a3d42f rgb(163,212,47)
```

Similar Colors

Text with hexadecimal color #ccd42f

This text has a font color of #ccd42f.

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

#ccd42f background color

This paragraph has a background color of #ccd42f.

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

#ccd42f border color

This element has a border color of #ccd42f.

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

CSS codes

.text {color:#ccd42f;}

.background {background-color:#ccd42f;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#131404
```
#131404 rgb(19,20,4)
```
#222407
```
#222407 rgb(34,36,7)
```
#32340b
```
#32340b rgb(50,52,11)
```
#42440e
```
#42440e rgb(66,68,14)
```
#515511
```
#515511 rgb(81,85,17)
```
#616515
```
#616515 rgb(97,101,21)
```
#717518
```
#717518 rgb(113,117,24)
```
#80851c
```
#80851c rgb(128,133,28)
```
#90961f
```
#90961f rgb(144,150,31)
```
#9fa622
```
#9fa622 rgb(159,166,34)
```
#afb626
```
#afb626 rgb(175,182,38)
```
#bfc629
```
#bfc629 rgb(191,198,41)
```

Shade Color Variation

#ccd42f
```
#ccd42f rgb(204,212,47)
```
#d0d73f
```
#d0d73f rgb(208,215,63)
```
#d4db50
```
#d4db50 rgb(212,219,80)
```
#d8de60
```
#d8de60 rgb(216,222,96)
```
#dce170
```
#dce170 rgb(220,225,112)
```
#e0e580
```
#e0e580 rgb(224,229,128)
```
#e4e891
```
#e4e891 rgb(228,232,145)
```
#e8eca1
```
#e8eca1 rgb(232,236,161)
```
#ecefb1
```
#ecefb1 rgb(236,239,177)
```
#f0f2c1
```
#f0f2c1 rgb(240,242,193)
```
#f4f6d2
```
#f4f6d2 rgb(244,246,210)
```
#f8f9e2
```
#f8f9e2 rgb(248,249,226)
```
#fcfcf2
```
#fcfcf2 rgb(252,252,242)
```

Tint Color Variation

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

#86877c
```
#86877c rgb(134,135,124)
```
#8f9073
```
#8f9073 rgb(143,144,115)
```
#989a69
```
#989a69 rgb(152,154,105)
```
#a0a45f
```
#a0a45f rgb(160,164,95)
```
#a9ad56
```
#a9ad56 rgb(169,173,86)
```
#b2b74c
```
#b2b74c rgb(178,183,76)
```
#bbc142
```
#bbc142 rgb(187,193,66)
```
#c3ca39
```
#c3ca39 rgb(195,202,57)
```
#ccd42f
```
#ccd42f rgb(204,212,47)
```
#d5de25
```
#d5de25 rgb(213,222,37)
```
#dde71c
```
#dde71c rgb(221,231,28)
```
#e6f112
```
#e6f112 rgb(230,241,18)
```
#effb08
```
#effb08 rgb(239,251,8)
```

Tone Color Variation

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

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

Trichromacy

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

#ccd42f hex color

#ccd42f Color Information

#ccd42f Color Conversion

Color Schemes with #ccd42f

Alternatives to #ccd42f

#ccd42f Preview

Shades and Tints of #ccd42f

Tones of #ccd42f

Color Blindness Simulator