colorhexa.com

#ccdd3c hex color

In a RGB color space, hex #ccdd3c is composed of 80% red, 86.7% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 0% magenta, 72.9% yellow and 13.3% black. It has a hue angle of 66.3 degrees, a saturation of 70.3% and a lightness of 55.1%. #ccdd3c color hex could be obtained by blending #ffff78 with #99bb00. Closest websafe color is: #cccc33.

- R 80
- G 87
- B 24
RGB color chart
- C 8
- M 0
- Y 73
- K 13
CMYK color chart

● #ccdd3c color description : Bright yellow.

The hexadecimal color #ccdd3c has RGB values of R:204, G:221, B:60 and CMYK values of C:0.08, M:0, Y:0.73, K:0.13. Its decimal value is 13425980.

Hex triplet	ccdd3c	`#ccdd3c`
RGB Decimal	204, 221, 60	`rgb(204,221,60)`
RGB Percent	80, 86.7, 23.5	`rgb(80%,86.7%,23.5%)`
CMYK	8, 0, 73, 13
HSL	66.3°, 70.3, 55.1	`hsl(66.3,70.3%,55.1%)`
HSV (or HSB)	66.3°, 72.9, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	84.42, -25.028, 72
XYZ	51.574, 64.877, 14.08
xyY	0.395, 0.497, 64.877
CIE-LCH	84.42, 76.226, 109.168
CIE-LUV	84.42, -4.931, 86.598
Hunter-Lab	80.546, -26.662, 46.018
Binary	11001100, 11011101, 00111100

#ccdd3c
```
#ccdd3c rgb(204,221,60)
```
#4d3cdd
```
#4d3cdd rgb(77,60,221)
```

Complementary Color

#dd9e3c
```
#dd9e3c rgb(221,158,60)
```
#ccdd3c
```
#ccdd3c rgb(204,221,60)
```
#7cdd3c
```
#7cdd3c rgb(124,221,60)
```

Analogous Color

#9e3cdd
```
#9e3cdd rgb(158,60,221)
```
#ccdd3c
```
#ccdd3c rgb(204,221,60)
```
#3c7cdd
```
#3c7cdd rgb(60,124,221)
```

Split Complementary Color

#dd3ccc
```
#dd3ccc rgb(221,60,204)
```
#ccdd3c
```
#ccdd3c rgb(204,221,60)
```
#3cccdd
```
#3cccdd rgb(60,204,221)
```

Triadic Color

#dd4d3c
```
#dd4d3c rgb(221,77,60)
```
#ccdd3c
```
#ccdd3c rgb(204,221,60)
```
#3cccdd
```
#3cccdd rgb(60,204,221)
```
#4d3cdd
```
#4d3cdd rgb(77,60,221)
```

Tetradic Color

#9fae1e
```
#9fae1e rgb(159,174,30)
```
#b3c422
```
#b3c422 rgb(179,196,34)
```
#c6d926
```
#c6d926 rgb(198,217,38)
```
#ccdd3c
```
#ccdd3c rgb(204,221,60)
```
#d2e152
```
#d2e152 rgb(210,225,82)
```
#d7e567
```
#d7e567 rgb(215,229,103)
```
#dde87d
```
#dde87d rgb(221,232,125)
```

Monochromatic Color

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

#ddc63c
```
#ddc63c rgb(221,198,60)
```
#ddd33c
```
#ddd33c rgb(221,211,60)
```
#d9dd3c
```
#d9dd3c rgb(217,221,60)
```
#ccdd3c
```
#ccdd3c rgb(204,221,60)
```
#bfdd3c
```
#bfdd3c rgb(191,221,60)
```
#b1dd3c
```
#b1dd3c rgb(177,221,60)
```
#a4dd3c
```
#a4dd3c rgb(164,221,60)
```

Similar Colors

Text with hexadecimal color #ccdd3c

This text has a font color of #ccdd3c.

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

#ccdd3c background color

This paragraph has a background color of #ccdd3c.

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

#ccdd3c border color

This element has a border color of #ccdd3c.

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

CSS codes

.text {color:#ccdd3c;}

.background {background-color:#ccdd3c;}

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

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

#050501
```
#050501 rgb(5,5,1)
```
#141604
```
#141604 rgb(20,22,4)
```
#232707
```
#232707 rgb(35,39,7)
```
#33380a
```
#33380a rgb(51,56,10)
```
#42480d
```
#42480d rgb(66,72,13)
```
#515910
```
#515910 rgb(81,89,16)
```
#606a12
```
#606a12 rgb(96,106,18)
```
#707a15
```
#707a15 rgb(112,122,21)
```
#7f8b18
```
#7f8b18 rgb(127,139,24)
```
#8e9c1b
```
#8e9c1b rgb(142,156,27)
```
#9dac1e
```
#9dac1e rgb(157,172,30)
```
#adbd21
```
#adbd21 rgb(173,189,33)
```
#bcce24
```
#bcce24 rgb(188,206,36)
```

Shade Color Variation

#c8da2b
```
#c8da2b rgb(200,218,43)
```
#ccdd3c
```
#ccdd3c rgb(204,221,60)
```
#d0e04d
```
#d0e04d rgb(208,224,77)
```
#d5e35d
```
#d5e35d rgb(213,227,93)
```
#d9e66e
```
#d9e66e rgb(217,230,110)
```
#dde97f
```
#dde97f rgb(221,233,127)
```
#e2ec90
```
#e2ec90 rgb(226,236,144)
```
#e6eea0
```
#e6eea0 rgb(230,238,160)
```
#ebf1b1
```
#ebf1b1 rgb(235,241,177)
```
#eff4c2
```
#eff4c2 rgb(239,244,194)
```
#f3f7d2
```
#f3f7d2 rgb(243,247,210)
```
#f8fae3
```
#f8fae3 rgb(248,250,227)
```
#fcfdf4
```
#fcfdf4 rgb(252,253,244)
```

Tint Color Variation

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

#8d8e8b
```
#8d8e8b rgb(141,142,139)
```
#949782
```
#949782 rgb(148,151,130)
```
#9b9f7a
```
#9b9f7a rgb(155,159,122)
```
#a2a871
```
#a2a871 rgb(162,168,113)
```
#a9b168
```
#a9b168 rgb(169,177,104)
```
#b0ba5f
```
#b0ba5f rgb(176,186,95)
```
#b7c356
```
#b7c356 rgb(183,195,86)
```
#becb4e
```
#becb4e rgb(190,203,78)
```
#c5d445
```
#c5d445 rgb(197,212,69)
```
#ccdd3c
```
#ccdd3c rgb(204,221,60)
```
#d3e633
```
#d3e633 rgb(211,230,51)
```
#daef2a
```
#daef2a rgb(218,239,42)
```
#e1f722
```
#e1f722 rgb(225,247,34)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c7cbaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd543 Protanopia 1% of men
#ffcc7b Deuteranopia 1% of men
#ded0df Tritanopia 0.001% of the population

Trichromacy

#e1d840 Protanomaly 1% of men, 0.01% of women
#ecd264 Deuteranomaly 6% of men, 0.4% of women
#d8d5a4 Tritanomaly 0.01% of the population