#ccd34c hex color

In a RGB color space, hex #ccd34c is composed of 80% red, 82.7% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 64% yellow and 17.3% black. It has a hue angle of 63.1 degrees, a saturation of 60.5% and a lightness of 56.3%. #ccd34c color hex could be obtained by blending #ffff98 with #99a700. Closest websafe color is: #cccc33.

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

● #ccd34c color description : Moderate yellow.

The hexadecimal color #ccd34c has RGB values of R:204, G:211, B:76 and CMYK values of C:0.03, M:0, Y:0.64, K:0.17. Its decimal value is 13423436.

Hex triplet	ccd34c	`#ccd34c`
RGB Decimal	204, 211, 76	`rgb(204,211,76)`
RGB Percent	80, 82.7, 29.8	`rgb(80%,82.7%,29.8%)`
CMYK	3, 0, 64, 17
HSL	63.1°, 60.5, 56.3	`hsl(63.1,60.5%,56.3%)`
HSV (or HSB)	63.1°, 64, 82.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	81.81, -19.317, 63.538
XYZ	49.5, 59.948, 15.801
xyY	0.395, 0.479, 59.948
CIE-LCH	81.81, 66.41, 106.91
CIE-LUV	81.81, 0.991, 77.953
Hunter-Lab	77.426, -21.377, 42.099
Binary	11001100, 11010011, 01001100

#ccd34c
```
#ccd34c rgb(204,211,76)
```
#534cd3
```
#534cd3 rgb(83,76,211)
```

Complementary Color

#d3974c
```
#d3974c rgb(211,151,76)
```
#ccd34c
```
#ccd34c rgb(204,211,76)
```
#89d34c
```
#89d34c rgb(137,211,76)
```

Analogous Color

#974cd3
```
#974cd3 rgb(151,76,211)
```
#ccd34c
```
#ccd34c rgb(204,211,76)
```
#4c89d3
```
#4c89d3 rgb(76,137,211)
```

Split Complementary Color

#d34ccc
```
#d34ccc rgb(211,76,204)
```
#ccd34c
```
#ccd34c rgb(204,211,76)
```
#4cccd3
```
#4cccd3 rgb(76,204,211)
```

Triadic Color

#d3534c
```
#d3534c rgb(211,83,76)
```
#ccd34c
```
#ccd34c rgb(204,211,76)
```
#4cccd3
```
#4cccd3 rgb(76,204,211)
```
#534cd3
```
#534cd3 rgb(83,76,211)
```

Tetradic Color

#a2a92a
```
#a2a92a rgb(162,169,42)
```
#b6bd2f
```
#b6bd2f rgb(182,189,47)
```
#c6ce38
```
#c6ce38 rgb(198,206,56)
```
#ccd34c
```
#ccd34c rgb(204,211,76)
```
#d2d860
```
#d2d860 rgb(210,216,96)
```
#d8dd75
```
#d8dd75 rgb(216,221,117)
```
#dde289
```
#dde289 rgb(221,226,137)
```

Monochromatic Color

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

#d3b84c
```
#d3b84c rgb(211,184,76)
```
#d3c44c
```
#d3c44c rgb(211,196,76)
```
#d3cf4c
```
#d3cf4c rgb(211,207,76)
```
#ccd34c
```
#ccd34c rgb(204,211,76)
```
#c1d34c
```
#c1d34c rgb(193,211,76)
```
#b6d34c
```
#b6d34c rgb(182,211,76)
```
#aad34c
```
#aad34c rgb(170,211,76)
```

Similar Colors

Text with hexadecimal color #ccd34c

This text has a font color of #ccd34c.

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

#ccd34c background color

This paragraph has a background color of #ccd34c.

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

#ccd34c border color

This element has a border color of #ccd34c.

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

CSS codes

.text {color:#ccd34c;}

.background {background-color:#ccd34c;}

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

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

#0a0a02
```
#0a0a02 rgb(10,10,2)
```
#191a06
```
#191a06 rgb(25,26,6)
```
#28290a
```
#28290a rgb(40,41,10)
```
#37390e
```
#37390e rgb(55,57,14)
```
#464912
```
#464912 rgb(70,73,18)
```
#555916
```
#555916 rgb(85,89,22)
```
#64681a
```
#64681a rgb(100,104,26)
```
#73781e
```
#73781e rgb(115,120,30)
```
#838821
```
#838821 rgb(131,136,33)
```
#929825
```
#929825 rgb(146,152,37)
```
#a1a729
```
#a1a729 rgb(161,167,41)
```
#b0b72d
```
#b0b72d rgb(176,183,45)
```
#bfc731
```
#bfc731 rgb(191,199,49)
```

Shade Color Variation

#c8cf3c
```
#c8cf3c rgb(200,207,60)
```
#ccd34c
```
#ccd34c rgb(204,211,76)
```
#d0d75c
```
#d0d75c rgb(208,215,92)
```
#d5db6b
```
#d5db6b rgb(213,219,107)
```
#d9df7b
```
#d9df7b rgb(217,223,123)
```
#dee28b
```
#dee28b rgb(222,226,139)
```
#e2e69b
```
#e2e69b rgb(226,230,155)
```
#e7eaaa
```
#e7eaaa rgb(231,234,170)
```
#ebeeba
```
#ebeeba rgb(235,238,186)
```
#f0f2ca
```
#f0f2ca rgb(240,242,202)
```
#f4f6da
```
#f4f6da rgb(244,246,218)
```
#f9fae9
```
#f9fae9 rgb(249,250,233)
```
#fdfef9
```
#fdfef9 rgb(253,254,249)
```

Tint Color Variation

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

#969788
```
#969788 rgb(150,151,136)
```
#9ea07f
```
#9ea07f rgb(158,160,127)
```
#a6a877
```
#a6a877 rgb(166,168,119)
```
#adb16e
```
#adb16e rgb(173,177,110)
```
#b5b966
```
#b5b966 rgb(181,185,102)
```
#bdc25d
```
#bdc25d rgb(189,194,93)
```
#c4ca55
```
#c4ca55 rgb(196,202,85)
```
#ccd34c
```
#ccd34c rgb(204,211,76)
```
#d4dc43
```
#d4dc43 rgb(212,220,67)
```
#dbe43b
```
#dbe43b rgb(219,228,59)
```
#e3ed32
```
#e3ed32 rgb(227,237,50)
```
#ebf52a
```
#ebf52a rgb(235,245,42)
```
#f2fe21
```
#f2fe21 rgb(242,254,33)
```

Tone Color Variation

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

Dichromacy

#e4ce53 Protanopia 1% of men
#fdc45c Deuteranopia 1% of men
#dcc8d6 Tritanopia 0.001% of the population

Trichromacy

#dbd050 Protanomaly 1% of men, 0.01% of women
#ebc956 Deuteranomaly 6% of men, 0.4% of women
#d6cca4 Tritanomaly 0.01% of the population

#ccd34c hex color

#ccd34c Color Information

#ccd34c Color Conversion

Color Schemes with #ccd34c

Alternatives to #ccd34c

#ccd34c Preview

Shades and Tints of #ccd34c

Tones of #ccd34c

Color Blindness Simulator