#ccdc34 hex color

In a RGB color space, hex #ccdc34 is composed of 80% red, 86.3% green and 20.4% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 0% magenta, 76.4% yellow and 13.7% black. It has a hue angle of 65.7 degrees, a saturation of 70.6% and a lightness of 53.3%. #ccdc34 color hex could be obtained by blending #ffff68 with #99b900. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 86
- B 20
RGB color chart
- C 7
- M 0
- Y 76
- K 14
CMYK color chart

● #ccdc34 color description : Bright yellow.

The hexadecimal color #ccdc34 has RGB values of R:204, G:220, B:52 and CMYK values of C:0.07, M:0, Y:0.76, K:0.14. Its decimal value is 13425716.

Hex triplet	ccdc34	`#ccdc34`
RGB Decimal	204, 220, 52	`rgb(204,220,52)`
RGB Percent	80, 86.3, 20.4	`rgb(80%,86.3%,20.4%)`
CMYK	7, 0, 76, 14
HSL	65.7°, 70.6, 53.3	`hsl(65.7,70.6%,53.3%)`
HSV (or HSB)	65.7°, 76.4, 86.3
Web Safe	cccc33	`#cccc33`

CIE-LAB	84.107, -24.892, 74.213
XYZ	51.115, 64.272, 12.962
xyY	0.398, 0.501, 64.272
CIE-LCH	84.107, 78.276, 108.542
CIE-LUV	84.107, -4.232, 87.946
Hunter-Lab	80.17, -26.489, 46.533
Binary	11001100, 11011100, 00110100

#ccdc34
```
#ccdc34 rgb(204,220,52)
```
#4434dc
```
#4434dc rgb(68,52,220)
```

Complementary Color

#dc9834
```
#dc9834 rgb(220,152,52)
```
#ccdc34
```
#ccdc34 rgb(204,220,52)
```
#78dc34
```
#78dc34 rgb(120,220,52)
```

Analogous Color

#9834dc
```
#9834dc rgb(152,52,220)
```
#ccdc34
```
#ccdc34 rgb(204,220,52)
```
#3478dc
```
#3478dc rgb(52,120,220)
```

Split Complementary Color

#dc34cc
```
#dc34cc rgb(220,52,204)
```
#ccdc34
```
#ccdc34 rgb(204,220,52)
```
#34ccdc
```
#34ccdc rgb(52,204,220)
```

Triadic Color

#dc4434
```
#dc4434 rgb(220,68,52)
```
#ccdc34
```
#ccdc34 rgb(204,220,52)
```
#34ccdc
```
#34ccdc rgb(52,204,220)
```
#4434dc
```
#4434dc rgb(68,52,220)
```

Tetradic Color

#9aa71d
```
#9aa71d rgb(154,167,29)
```
#aebd21
```
#aebd21 rgb(174,189,33)
```
#c2d224
```
#c2d224 rgb(194,210,36)
```
#ccdc34
```
#ccdc34 rgb(204,220,52)
```
#d1e04a
```
#d1e04a rgb(209,224,74)
```
#d7e45f
```
#d7e45f rgb(215,228,95)
```
#dce775
```
#dce775 rgb(220,231,117)
```

Monochromatic Color

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

#dcc234
```
#dcc234 rgb(220,194,52)
```
#dcd034
```
#dcd034 rgb(220,208,52)
```
#dadc34
```
#dadc34 rgb(218,220,52)
```
#ccdc34
```
#ccdc34 rgb(204,220,52)
```
#bedc34
```
#bedc34 rgb(190,220,52)
```
#b0dc34
```
#b0dc34 rgb(176,220,52)
```
#a2dc34
```
#a2dc34 rgb(162,220,52)
```

Similar Colors

Text with hexadecimal color #ccdc34

This text has a font color of #ccdc34.

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

#ccdc34 background color

This paragraph has a background color of #ccdc34.

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

#ccdc34 border color

This element has a border color of #ccdc34.

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

CSS codes

.text {color:#ccdc34;}

.background {background-color:#ccdc34;}

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

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

#0d0f02
```
#0d0f02 rgb(13,15,2)
```
#1d1f05
```
#1d1f05 rgb(29,31,5)
```
#2c3008
```
#2c3008 rgb(44,48,8)
```
#3c410b
```
#3c410b rgb(60,65,11)
```
#4b510e
```
#4b510e rgb(75,81,14)
```
#5a6211
```
#5a6211 rgb(90,98,17)
```
#6a7314
```
#6a7314 rgb(106,115,20)
```
#798417
```
#798417 rgb(121,132,23)
```
#89941a
```
#89941a rgb(137,148,26)
```
#98a51c
```
#98a51c rgb(152,165,28)
```
#a7b61f
```
#a7b61f rgb(167,182,31)
```
#b7c722
```
#b7c722 rgb(183,199,34)
```
#c6d725
```
#c6d725 rgb(198,215,37)
```

Shade Color Variation

#ccdc34
```
#ccdc34 rgb(204,220,52)
```
#d0df45
```
#d0df45 rgb(208,223,69)
```
#d4e255
```
#d4e255 rgb(212,226,85)
```
#d9e566
```
#d9e566 rgb(217,229,102)
```
#dde877
```
#dde877 rgb(221,232,119)
```
#e1ea88
```
#e1ea88 rgb(225,234,136)
```
#e5ed98
```
#e5ed98 rgb(229,237,152)
```
#e9f0a9
```
#e9f0a9 rgb(233,240,169)
```
#eef3ba
```
#eef3ba rgb(238,243,186)
```
#f2f6cb
```
#f2f6cb rgb(242,246,203)
```
#f6f9db
```
#f6f9db rgb(246,249,219)
```
#fafcec
```
#fafcec rgb(250,252,236)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#898a86
```
#898a86 rgb(137,138,134)
```
#91937d
```
#91937d rgb(145,147,125)
```
#989c74
```
#989c74 rgb(152,156,116)
```
#a0a56b
```
#a0a56b rgb(160,165,107)
```
#a7ae62
```
#a7ae62 rgb(167,174,98)
```
#aeb759
```
#aeb759 rgb(174,183,89)
```
#b6c14f
```
#b6c14f rgb(182,193,79)
```
#bdca46
```
#bdca46 rgb(189,202,70)
```
#c5d33d
```
#c5d33d rgb(197,211,61)
```
#ccdc34
```
#ccdc34 rgb(204,220,52)
```
#d3e52b
```
#d3e52b rgb(211,229,43)
```
#dbee22
```
#dbee22 rgb(219,238,34)
```
#e2f719
```
#e2f719 rgb(226,247,25)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c6c9a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd43c Protanopia 1% of men
#ffcc75 Deuteranopia 1% of men
#decfde Tritanopia 0.001% of the population

Trichromacy

#e1d739 Protanomaly 1% of men, 0.01% of women
#ecd15d Deuteranomaly 6% of men, 0.4% of women
#d8d4a0 Tritanomaly 0.01% of the population

#ccdc34 hex color

#ccdc34 Color Information

#ccdc34 Color Conversion

Color Schemes with #ccdc34

Alternatives to #ccdc34

#ccdc34 Preview

Shades and Tints of #ccdc34

Tones of #ccdc34

Color Blindness Simulator