#ccd34e hex color

In a RGB color space, hex #ccd34e is composed of 80% red, 82.7% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 63% yellow and 17.3% black. It has a hue angle of 63.2 degrees, a saturation of 60.2% and a lightness of 56.7%. #ccd34e color hex could be obtained by blending #ffff9c with #99a700. Closest websafe color is: #cccc66.

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

● #ccd34e color description : Moderate yellow.

The hexadecimal color #ccd34e has RGB values of R:204, G:211, B:78 and CMYK values of C:0.03, M:0, Y:0.63, K:0.17. Its decimal value is 13423438.

Hex triplet	ccd34e	`#ccd34e`
RGB Decimal	204, 211, 78	`rgb(204,211,78)`
RGB Percent	80, 82.7, 30.6	`rgb(80%,82.7%,30.6%)`
CMYK	3, 0, 63, 17
HSL	63.2°, 60.2, 56.7	`hsl(63.2,60.2%,56.7%)`
HSV (or HSB)	63.2°, 63, 82.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	81.825, -19.191, 62.746
XYZ	49.571, 59.976, 16.173
xyY	0.394, 0.477, 59.976
CIE-LCH	81.825, 65.616, 107.007
CIE-LUV	81.825, 0.951, 77.309
Hunter-Lab	77.444, -21.273, 41.83
Binary	11001100, 11010011, 01001110

#ccd34e
```
#ccd34e rgb(204,211,78)
```
#554ed3
```
#554ed3 rgb(85,78,211)
```

Complementary Color

#d3984e
```
#d3984e rgb(211,152,78)
```
#ccd34e
```
#ccd34e rgb(204,211,78)
```
#8ad34e
```
#8ad34e rgb(138,211,78)
```

Analogous Color

#984ed3
```
#984ed3 rgb(152,78,211)
```
#ccd34e
```
#ccd34e rgb(204,211,78)
```
#4e8ad3
```
#4e8ad3 rgb(78,138,211)
```

Split Complementary Color

#d34ecc
```
#d34ecc rgb(211,78,204)
```
#ccd34e
```
#ccd34e rgb(204,211,78)
```
#4eccd3
```
#4eccd3 rgb(78,204,211)
```

Triadic Color

#d3554e
```
#d3554e rgb(211,85,78)
```
#ccd34e
```
#ccd34e rgb(204,211,78)
```
#4eccd3
```
#4eccd3 rgb(78,204,211)
```
#554ed3
```
#554ed3 rgb(85,78,211)
```

Tetradic Color

#a3aa2a
```
#a3aa2a rgb(163,170,42)
```
#b7bf2f
```
#b7bf2f rgb(183,191,47)
```
#c6ce3a
```
#c6ce3a rgb(198,206,58)
```
#ccd34e
```
#ccd34e rgb(204,211,78)
```
#d2d862
```
#d2d862 rgb(210,216,98)
```
#d8dd77
```
#d8dd77 rgb(216,221,119)
```
#dee28b
```
#dee28b rgb(222,226,139)
```

Monochromatic Color

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

#d3b94e
```
#d3b94e rgb(211,185,78)
```
#d3c44e
```
#d3c44e rgb(211,196,78)
```
#d3cf4e
```
#d3cf4e rgb(211,207,78)
```
#ccd34e
```
#ccd34e rgb(204,211,78)
```
#c1d34e
```
#c1d34e rgb(193,211,78)
```
#b6d34e
```
#b6d34e rgb(182,211,78)
```
#abd34e
```
#abd34e rgb(171,211,78)
```

Similar Colors

Text with hexadecimal color #ccd34e

This text has a font color of #ccd34e.

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

#ccd34e background color

This paragraph has a background color of #ccd34e.

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

#ccd34e border color

This element has a border color of #ccd34e.

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

CSS codes

.text {color:#ccd34e;}

.background {background-color:#ccd34e;}

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

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, #0b0c03 is the darkest color, while #fefefb is the lightest one.

#0b0c03
```
#0b0c03 rgb(11,12,3)
```
#1a1b07
```
#1a1b07 rgb(26,27,7)
```
#292b0b
```
#292b0b rgb(41,43,11)
```
#383b0f
```
#383b0f rgb(56,59,15)
```
#474a12
```
#474a12 rgb(71,74,18)
```
#575a16
```
#575a16 rgb(87,90,22)
```
#666a1a
```
#666a1a rgb(102,106,26)
```
#75791e
```
#75791e rgb(117,121,30)
```
#848922
```
#848922 rgb(132,137,34)
```
#939926
```
#939926 rgb(147,153,38)
```
#a2a92a
```
#a2a92a rgb(162,169,42)
```
#b1b82e
```
#b1b82e rgb(177,184,46)
```
#c0c832
```
#c0c832 rgb(192,200,50)
```

Shade Color Variation

#c7cf3e
```
#c7cf3e rgb(199,207,62)
```
#ccd34e
```
#ccd34e rgb(204,211,78)
```
#d1d75e
```
#d1d75e rgb(209,215,94)
```
#d5db6d
```
#d5db6d rgb(213,219,109)
```
#dadf7d
```
#dadf7d rgb(218,223,125)
```
#dee38d
```
#dee38d rgb(222,227,141)
```
#e3e79d
```
#e3e79d rgb(227,231,157)
```
#e7eaac
```
#e7eaac rgb(231,234,172)
```
#eceebc
```
#eceebc rgb(236,238,188)
```
#f0f2cc
```
#f0f2cc rgb(240,242,204)
```
#f5f6db
```
#f5f6db rgb(245,246,219)
```
#f9faeb
```
#f9faeb rgb(249,250,235)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#97988a
```
#97988a rgb(151,152,138)
```
#9ea081
```
#9ea081 rgb(158,160,129)
```
#a6a979
```
#a6a979 rgb(166,169,121)
```
#aeb170
```
#aeb170 rgb(174,177,112)
```
#b5ba68
```
#b5ba68 rgb(181,186,104)
```
#bdc25f
```
#bdc25f rgb(189,194,95)
```
#c4cb57
```
#c4cb57 rgb(196,203,87)
```
#ccd34e
```
#ccd34e rgb(204,211,78)
```
#d4dc46
```
#d4dc46 rgb(212,220,70)
```
#dbe43d
```
#dbe43d rgb(219,228,61)
```
#e3ed35
```
#e3ed35 rgb(227,237,53)
```
#eaf52c
```
#eaf52c rgb(234,245,44)
```
#f2fe24
```
#f2fe24 rgb(242,254,36)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c4c5ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4ce55 Protanopia 1% of men
#fdc45d Deuteranopia 1% of men
#dcc8d6 Tritanopia 0.001% of the population

Trichromacy

#dbd052 Protanomaly 1% of men, 0.01% of women
#ebc958 Deuteranomaly 6% of men, 0.4% of women
#d6cca5 Tritanomaly 0.01% of the population

#ccd34e hex color

#ccd34e Color Information

#ccd34e Color Conversion

Color Schemes with #ccd34e

Alternatives to #ccd34e

#ccd34e Preview

Shades and Tints of #ccd34e

Tones of #ccd34e

Color Blindness Simulator