#ccdc60 hex color

In a RGB color space, hex #ccdc60 is composed of 80% red, 86.3% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 0% magenta, 56.4% yellow and 13.7% black. It has a hue angle of 67.7 degrees, a saturation of 63.9% and a lightness of 62%. #ccdc60 color hex could be obtained by blending #ffffc0 with #99b900. Closest websafe color is: #cccc66.

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

● #ccdc60 color description : Soft yellow.

The hexadecimal color #ccdc60 has RGB values of R:204, G:220, B:96 and CMYK values of C:0.07, M:0, Y:0.56, K:0.14. Its decimal value is 13425760.

Hex triplet	ccdc60	`#ccdc60`
RGB Decimal	204, 220, 96	`rgb(204,220,96)`
RGB Percent	80, 86.3, 37.6	`rgb(80%,86.3%,37.6%)`
CMYK	7, 0, 56, 14
HSL	67.7°, 63.9, 62	`hsl(67.7,63.9%,62%)`
HSV (or HSB)	67.7°, 56.4, 86.3
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.416, -22.306, 57.917
XYZ	52.606, 64.869, 20.815
xyY	0.38, 0.469, 64.869
CIE-LCH	84.416, 62.064, 111.064
CIE-LUV	84.416, -4.883, 74.866
Hunter-Lab	80.541, -24.358, 41.056
Binary	11001100, 11011100, 01100000

#ccdc60
```
#ccdc60 rgb(204,220,96)
```
#7060dc
```
#7060dc rgb(112,96,220)
```

Complementary Color

#dcae60
```
#dcae60 rgb(220,174,96)
```
#ccdc60
```
#ccdc60 rgb(204,220,96)
```
#8edc60
```
#8edc60 rgb(142,220,96)
```

Analogous Color

#ae60dc
```
#ae60dc rgb(174,96,220)
```
#ccdc60
```
#ccdc60 rgb(204,220,96)
```
#608edc
```
#608edc rgb(96,142,220)
```

Split Complementary Color

#dc60cc
```
#dc60cc rgb(220,96,204)
```
#ccdc60
```
#ccdc60 rgb(204,220,96)
```
#60ccdc
```
#60ccdc rgb(96,204,220)
```

Triadic Color

#dc7060
```
#dc7060 rgb(220,112,96)
```
#ccdc60
```
#ccdc60 rgb(204,220,96)
```
#60ccdc
```
#60ccdc rgb(96,204,220)
```
#7060dc
```
#7060dc rgb(112,96,220)
```

Tetradic Color

#b1c42b
```
#b1c42b rgb(177,196,43)
```
#bfd336
```
#bfd336 rgb(191,211,54)
```
#c5d74b
```
#c5d74b rgb(197,215,75)
```
#ccdc60
```
#ccdc60 rgb(204,220,96)
```
#d3e175
```
#d3e175 rgb(211,225,117)
```
#d9e58a
```
#d9e58a rgb(217,229,138)
```
#e0ea9f
```
#e0ea9f rgb(224,234,159)
```

Monochromatic Color

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

#dccd60
```
#dccd60 rgb(220,205,96)
```
#dcd760
```
#dcd760 rgb(220,215,96)
```
#d6dc60
```
#d6dc60 rgb(214,220,96)
```
#ccdc60
```
#ccdc60 rgb(204,220,96)
```
#c2dc60
```
#c2dc60 rgb(194,220,96)
```
#b7dc60
```
#b7dc60 rgb(183,220,96)
```
#addc60
```
#addc60 rgb(173,220,96)
```

Similar Colors

Text with hexadecimal color #ccdc60

This text has a font color of #ccdc60.

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

#ccdc60 background color

This paragraph has a background color of #ccdc60.

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

#ccdc60 border color

This element has a border color of #ccdc60.

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

CSS codes

.text {color:#ccdc60;}

.background {background-color:#ccdc60;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#101204
```
#101204 rgb(16,18,4)
```
#1f2207
```
#1f2207 rgb(31,34,7)
```
#2d320b
```
#2d320b rgb(45,50,11)
```
#3b420f
```
#3b420f rgb(59,66,15)
```
#4a5212
```
#4a5212 rgb(74,82,18)
```
#586216
```
#586216 rgb(88,98,22)
```
#677219
```
#677219 rgb(103,114,25)
```
#75821d
```
#75821d rgb(117,130,29)
```
#849220
```
#849220 rgb(132,146,32)
```
#92a324
```
#92a324 rgb(146,163,36)
```
#a1b327
```
#a1b327 rgb(161,179,39)
```
#afc32b
```
#afc32b rgb(175,195,43)
```

Shade Color Variation

#bdd130
```
#bdd130 rgb(189,209,48)
```
#c2d540
```
#c2d540 rgb(194,213,64)
```
#c7d850
```
#c7d850 rgb(199,216,80)
```
#ccdc60
```
#ccdc60 rgb(204,220,96)
```
#d1e070
```
#d1e070 rgb(209,224,112)
```
#d6e380
```
#d6e380 rgb(214,227,128)
```
#dbe790
```
#dbe790 rgb(219,231,144)
```
#e1eaa0
```
#e1eaa0 rgb(225,234,160)
```
#e6eeb0
```
#e6eeb0 rgb(230,238,176)
```
#ebf1c0
```
#ebf1c0 rgb(235,241,192)
```
#f0f5d1
```
#f0f5d1 rgb(240,245,209)
```
#f5f8e1
```
#f5f8e1 rgb(245,248,225)
```
#fafcf1
```
#fafcf1 rgb(250,252,241)
```

Tint Color Variation

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

#a0a09c
```
#a0a09c rgb(160,160,156)
```
#a5a894
```
#a5a894 rgb(165,168,148)
```
#abaf8d
```
#abaf8d rgb(171,175,141)
```
#b0b785
```
#b0b785 rgb(176,183,133)
```
#b6be7e
```
#b6be7e rgb(182,190,126)
```
#bbc676
```
#bbc676 rgb(187,198,118)
```
#c1cd6f
```
#c1cd6f rgb(193,205,111)
```
#c6d567
```
#c6d567 rgb(198,213,103)
```
#ccdc60
```
#ccdc60 rgb(204,220,96)
```
#d2e359
```
#d2e359 rgb(210,227,89)
```
#d7eb51
```
#d7eb51 rgb(215,235,81)
```
#ddf24a
```
#ddf24a rgb(221,242,74)
```
#e2fa42
```
#e2fa42 rgb(226,250,66)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#cacdb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd565 Protanopia 1% of men
#ffcc81 Deuteranopia 1% of men
#ddd1e0 Tritanopia 0.001% of the population

Trichromacy

#dfd763 Protanomaly 1% of men, 0.01% of women
#ecd275 Deuteranomaly 6% of men, 0.4% of women
#d7d5b1 Tritanomaly 0.01% of the population

#ccdc60 hex color

#ccdc60 Color Information

#ccdc60 Color Conversion

Color Schemes with #ccdc60

Alternatives to #ccdc60

#ccdc60 Preview

Shades and Tints of #ccdc60

Tones of #ccdc60

Color Blindness Simulator