#ccd62a hex color

In a RGB color space, hex #ccd62a is composed of 80% red, 83.9% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 4.7% cyan, 0% magenta, 80.4% yellow and 16.1% black. It has a hue angle of 63.5 degrees, a saturation of 67.7% and a lightness of 50.2%. #ccd62a color hex could be obtained by blending #ffff54 with #99ad00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 84
- B 16
RGB color chart
- C 5
- M 0
- Y 80
- K 16
CMYK color chart

● #ccd62a color description : Strong yellow.

The hexadecimal color #ccd62a has RGB values of R:204, G:214, B:42 and CMYK values of C:0.05, M:0, Y:0.8, K:0.16. Its decimal value is 13424170.

Hex triplet	ccd62a	`#ccd62a`
RGB Decimal	204, 214, 42	`rgb(204,214,42)`
RGB Percent	80, 83.9, 16.5	`rgb(80%,83.9%,16.5%)`
CMYK	5, 0, 80, 16
HSL	63.5°, 67.7, 50.2	`hsl(63.5,67.7%,50.2%)`
HSV (or HSB)	63.5°, 80.4, 83.9
Web Safe	cccc33	`#cccc33`

CIE-LAB	82.432, -22.359, 75.493
XYZ	49.366, 61.098, 11.383
xyY	0.405, 0.501, 61.098
CIE-LCH	82.432, 78.734, 106.498
CIE-LUV	82.432, -0.399, 87.394
Hunter-Lab	78.165, -24.055, 46.082
Binary	11001100, 11010110, 00101010

#ccd62a
```
#ccd62a rgb(204,214,42)
```
#342ad6
```
#342ad6 rgb(52,42,214)
```

Complementary Color

#d68a2a
```
#d68a2a rgb(214,138,42)
```
#ccd62a
```
#ccd62a rgb(204,214,42)
```
#76d62a
```
#76d62a rgb(118,214,42)
```

Analogous Color

#8a2ad6
```
#8a2ad6 rgb(138,42,214)
```
#ccd62a
```
#ccd62a rgb(204,214,42)
```
#2a76d6
```
#2a76d6 rgb(42,118,214)
```

Split Complementary Color

#d62acc
```
#d62acc rgb(214,42,204)
```
#ccd62a
```
#ccd62a rgb(204,214,42)
```
#2accd6
```
#2accd6 rgb(42,204,214)
```

Triadic Color

#d6342a
```
#d6342a rgb(214,52,42)
```
#ccd62a
```
#ccd62a rgb(204,214,42)
```
#2accd6
```
#2accd6 rgb(42,204,214)
```
#342ad6
```
#342ad6 rgb(52,42,214)
```

Tetradic Color

#8f971d
```
#8f971d rgb(143,151,29)
```
#a4ac21
```
#a4ac21 rgb(164,172,33)
```
#b8c125
```
#b8c125 rgb(184,193,37)
```
#ccd62a
```
#ccd62a rgb(204,214,42)
```
#d1da3f
```
#d1da3f rgb(209,218,63)
```
#d6de55
```
#d6de55 rgb(214,222,85)
```
#dbe26a
```
#dbe26a rgb(219,226,106)
```

Monochromatic Color

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

#d6b52a
```
#d6b52a rgb(214,181,42)
```
#d6c32a
```
#d6c32a rgb(214,195,42)
```
#d6d22a
```
#d6d22a rgb(214,210,42)
```
#ccd62a
```
#ccd62a rgb(204,214,42)
```
#bed62a
```
#bed62a rgb(190,214,42)
```
#afd62a
```
#afd62a rgb(175,214,42)
```
#a1d62a
```
#a1d62a rgb(161,214,42)
```

Similar Colors

Text with hexadecimal color #ccd62a

This text has a font color of #ccd62a.

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

#ccd62a background color

This paragraph has a background color of #ccd62a.

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

#ccd62a border color

This element has a border color of #ccd62a.

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

CSS codes

.text {color:#ccd62a;}

.background {background-color:#ccd62a;}

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

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 #fbfcef is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#101103
```
#101103 rgb(16,17,3)
```
#202206
```
#202206 rgb(32,34,6)
```
#30320a
```
#30320a rgb(48,50,10)
```
#40430d
```
#40430d rgb(64,67,13)
```
#4f5310
```
#4f5310 rgb(79,83,16)
```
#5f6413
```
#5f6413 rgb(95,100,19)
```
#6f7416
```
#6f7416 rgb(111,116,22)
```
#7e8419
```
#7e8419 rgb(126,132,25)
```
#8e951d
```
#8e951d rgb(142,149,29)
```
#9ea520
```
#9ea520 rgb(158,165,32)
```
#adb623
```
#adb623 rgb(173,182,35)
```
#bdc626
```
#bdc626 rgb(189,198,38)
```

Shade Color Variation

#ccd62a
```
#ccd62a rgb(204,214,42)
```
#d0d93a
```
#d0d93a rgb(208,217,58)
```
#d4dc4b
```
#d4dc4b rgb(212,220,75)
```
#d8df5b
```
#d8df5b rgb(216,223,91)
```
#dce36c
```
#dce36c rgb(220,227,108)
```
#e0e67c
```
#e0e67c rgb(224,230,124)
```
#e4e98d
```
#e4e98d rgb(228,233,141)
```
#e8ec9d
```
#e8ec9d rgb(232,236,157)
```
#ecefae
```
#ecefae rgb(236,239,174)
```
#eff2be
```
#eff2be rgb(239,242,190)
```
#f3f6ce
```
#f3f6ce rgb(243,246,206)
```
#f7f9df
```
#f7f9df rgb(247,249,223)
```
#fbfcef
```
#fbfcef rgb(251,252,239)
```

Tint Color Variation

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

#878878
```
#878878 rgb(135,136,120)
```
#90926e
```
#90926e rgb(144,146,110)
```
#989b65
```
#989b65 rgb(152,155,101)
```
#a1a55b
```
#a1a55b rgb(161,165,91)
```
#a9af51
```
#a9af51 rgb(169,175,81)
```
#b2b947
```
#b2b947 rgb(178,185,71)
```
#bbc23e
```
#bbc23e rgb(187,194,62)
```
#c3cc34
```
#c3cc34 rgb(195,204,52)
```
#ccd62a
```
#ccd62a rgb(204,214,42)
```
#d5e020
```
#d5e020 rgb(213,224,32)
```
#ddea16
```
#ddea16 rgb(221,234,22)
```
#e6f30d
```
#e6f30d rgb(230,243,13)
```
#effd03
```
#effd03 rgb(239,253,3)
```

Tone Color Variation

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

Dichromacy

#e8d032 Protanopia 1% of men
#ffc658 Deuteranopia 1% of men
#decad8 Tritanopia 0.001% of the population

Trichromacy

#ded22f Protanomaly 1% of men, 0.01% of women
#eccc47 Deuteranomaly 6% of men, 0.4% of women
#d7ce99 Tritanomaly 0.01% of the population

#ccd62a hex color

#ccd62a Color Information

#ccd62a Color Conversion

Color Schemes with #ccd62a

Alternatives to #ccd62a

#ccd62a Preview

Shades and Tints of #ccd62a

Tones of #ccd62a

Color Blindness Simulator