colorhexa.com

#ccdc45 hex color

In a RGB color space, hex #ccdc45 is composed of 80% red, 86.3% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 0% magenta, 68.6% yellow and 13.7% black. It has a hue angle of 66.4 degrees, a saturation of 68.3% and a lightness of 56.7%. #ccdc45 color hex could be obtained by blending #ffff8a with #99b900. Closest websafe color is: #cccc33.

- R 80
- G 86
- B 27
RGB color chart
- C 7
- M 0
- Y 69
- K 14
CMYK color chart

● #ccdc45 color description : Soft yellow.

The hexadecimal color #ccdc45 has RGB values of R:204, G:220, B:69 and CMYK values of C:0.07, M:0, Y:0.69, K:0.14. Its decimal value is 13425733.

Hex triplet	ccdc45	`#ccdc45`
RGB Decimal	204, 220, 69	`rgb(204,220,69)`
RGB Percent	80, 86.3, 27.1	`rgb(80%,86.3%,27.1%)`
CMYK	7, 0, 69, 14
HSL	66.4°, 68.3, 56.7	`hsl(66.4,68.3%,56.7%)`
HSV (or HSB)	66.4°, 68.6, 86.3
Web Safe	cccc33	`#cccc33`

CIE-LAB	84.201, -24.097, 68.661
XYZ	51.569, 64.454, 15.354
xyY	0.393, 0.491, 64.454
CIE-LCH	84.201, 72.767, 109.339
CIE-LUV	84.201, -4.435, 83.882
Hunter-Lab	80.283, -25.838, 44.859
Binary	11001100, 11011100, 01000101

#ccdc45
```
#ccdc45 rgb(204,220,69)
```
#5545dc
```
#5545dc rgb(85,69,220)
```

Complementary Color

#dca145
```
#dca145 rgb(220,161,69)
```
#ccdc45
```
#ccdc45 rgb(204,220,69)
```
#81dc45
```
#81dc45 rgb(129,220,69)
```

Analogous Color

#a145dc
```
#a145dc rgb(161,69,220)
```
#ccdc45
```
#ccdc45 rgb(204,220,69)
```
#4581dc
```
#4581dc rgb(69,129,220)
```

Split Complementary Color

#dc45cc
```
#dc45cc rgb(220,69,204)
```
#ccdc45
```
#ccdc45 rgb(204,220,69)
```
#45ccdc
```
#45ccdc rgb(69,204,220)
```

Triadic Color

#dc5545
```
#dc5545 rgb(220,85,69)
```
#ccdc45
```
#ccdc45 rgb(204,220,69)
```
#45ccdc
```
#45ccdc rgb(69,204,220)
```
#5545dc
```
#5545dc rgb(85,69,220)
```

Tetradic Color

#a3b322
```
#a3b322 rgb(163,179,34)
```
#b7c826
```
#b7c826 rgb(183,200,38)
```
#c6d830
```
#c6d830 rgb(198,216,48)
```
#ccdc45
```
#ccdc45 rgb(204,220,69)
```
#d2e05a
```
#d2e05a rgb(210,224,90)
```
#d8e470
```
#d8e470 rgb(216,228,112)
```
#dee885
```
#dee885 rgb(222,232,133)
```

Monochromatic Color

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

#dcc645
```
#dcc645 rgb(220,198,69)
```
#dcd345
```
#dcd345 rgb(220,211,69)
```
#d9dc45
```
#d9dc45 rgb(217,220,69)
```
#ccdc45
```
#ccdc45 rgb(204,220,69)
```
#bfdc45
```
#bfdc45 rgb(191,220,69)
```
#b3dc45
```
#b3dc45 rgb(179,220,69)
```
#a6dc45
```
#a6dc45 rgb(166,220,69)
```

Similar Colors

Text with hexadecimal color #ccdc45

This text has a font color of #ccdc45.

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

#ccdc45 background color

This paragraph has a background color of #ccdc45.

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

#ccdc45 border color

This element has a border color of #ccdc45.

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

CSS codes

.text {color:#ccdc45;}

.background {background-color:#ccdc45;}

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

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

#0b0c02
```
#0b0c02 rgb(11,12,2)
```
#1a1d05
```
#1a1d05 rgb(26,29,5)
```
#292d08
```
#292d08 rgb(41,45,8)
```
#383e0c
```
#383e0c rgb(56,62,12)
```
#474e0f
```
#474e0f rgb(71,78,15)
```
#575f12
```
#575f12 rgb(87,95,18)
```
#666f15
```
#666f15 rgb(102,111,21)
```
#758018
```
#758018 rgb(117,128,24)
```
#84901b
```
#84901b rgb(132,144,27)
```
#93a11e
```
#93a11e rgb(147,161,30)
```
#a2b121
```
#a2b121 rgb(162,177,33)
```
#b1c224
```
#b1c224 rgb(177,194,36)
```
#c0d228
```
#c0d228 rgb(192,210,40)
```

Shade Color Variation

#c7d934
```
#c7d934 rgb(199,217,52)
```
#ccdc45
```
#ccdc45 rgb(204,220,69)
```
#d1df56
```
#d1df56 rgb(209,223,86)
```
#d5e266
```
#d5e266 rgb(213,226,102)
```
#dae577
```
#dae577 rgb(218,229,119)
```
#dee887
```
#dee887 rgb(222,232,135)
```
#e3ec98
```
#e3ec98 rgb(227,236,152)
```
#e7efa8
```
#e7efa8 rgb(231,239,168)
```
#ecf2b9
```
#ecf2b9 rgb(236,242,185)
```
#f0f5c9
```
#f0f5c9 rgb(240,245,201)
```
#f5f8da
```
#f5f8da rgb(245,248,218)
```
#f9fbea
```
#f9fbea rgb(249,251,234)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#969889
```
#969889 rgb(150,152,137)
```
#9da181
```
#9da181 rgb(157,161,129)
```
#a4a978
```
#a4a978 rgb(164,169,120)
```
#abb270
```
#abb270 rgb(171,178,112)
```
#b1ba67
```
#b1ba67 rgb(177,186,103)
```
#b8c35e
```
#b8c35e rgb(184,195,94)
```
#bfcb56
```
#bfcb56 rgb(191,203,86)
```
#c5d44e
```
#c5d44e rgb(197,212,78)
```
#ccdc45
```
#ccdc45 rgb(204,220,69)
```
#d3e53d
```
#d3e53d rgb(211,229,61)
```
#d9ed34
```
#d9ed34 rgb(217,237,52)
```
#e0f62c
```
#e0f62c rgb(224,246,44)
```
#e7fe23
```
#e7fe23 rgb(231,254,35)
```

Tone Color Variation

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

Dichromacy

#ecd44c Protanopia 1% of men
#ffcc79 Deuteranopia 1% of men
#ded0de Tritanopia 0.001% of the population

Trichromacy

#e0d749 Protanomaly 1% of men, 0.01% of women
#ecd166 Deuteranomaly 6% of men, 0.4% of women
#d7d4a6 Tritanomaly 0.01% of the population