#ccdd45 hex color

In a RGB color space, hex #ccdd45 is composed of 80% red, 86.7% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 0% magenta, 68.8% yellow and 13.3% black. It has a hue angle of 66.7 degrees, a saturation of 69.1% and a lightness of 56.9%. #ccdd45 color hex could be obtained by blending #ffff8a with #99bb00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 87
- B 27
RGB color chart
- C 8
- M 0
- Y 69
- K 13
CMYK color chart

● #ccdd45 color description : Soft yellow.

The hexadecimal color #ccdd45 has RGB values of R:204, G:221, B:69 and CMYK values of C:0.08, M:0, Y:0.69, K:0.13. Its decimal value is 13425989.

Hex triplet	ccdd45	`#ccdd45`
RGB Decimal	204, 221, 69	`rgb(204,221,69)`
RGB Percent	80, 86.7, 27.1	`rgb(80%,86.7%,27.1%)`
CMYK	8, 0, 69, 13
HSL	66.7°, 69.1, 56.9	`hsl(66.7,69.1%,56.9%)`
HSV (or HSB)	66.7°, 68.8, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	84.474, -24.577, 68.932
XYZ	51.832, 64.98, 15.442
xyY	0.392, 0.491, 64.98
CIE-LCH	84.474, 73.182, 109.623
CIE-LUV	84.474, -5.042, 84.304
Hunter-Lab	80.61, -26.293, 45.07
Binary	11001100, 11011101, 01000101

#ccdd45
```
#ccdd45 rgb(204,221,69)
```
#5645dd
```
#5645dd rgb(86,69,221)
```

Complementary Color

#dda245
```
#dda245 rgb(221,162,69)
```
#ccdd45
```
#ccdd45 rgb(204,221,69)
```
#80dd45
```
#80dd45 rgb(128,221,69)
```

Analogous Color

#a245dd
```
#a245dd rgb(162,69,221)
```
#ccdd45
```
#ccdd45 rgb(204,221,69)
```
#4580dd
```
#4580dd rgb(69,128,221)
```

Split Complementary Color

#dd45cc
```
#dd45cc rgb(221,69,204)
```
#ccdd45
```
#ccdd45 rgb(204,221,69)
```
#45ccdd
```
#45ccdd rgb(69,204,221)
```

Triadic Color

#dd5645
```
#dd5645 rgb(221,86,69)
```
#ccdd45
```
#ccdd45 rgb(204,221,69)
```
#45ccdd
```
#45ccdd rgb(69,204,221)
```
#5645dd
```
#5645dd rgb(86,69,221)
```

Tetradic Color

#a4b521
```
#a4b521 rgb(164,181,33)
```
#b8ca25
```
#b8ca25 rgb(184,202,37)
```
#c6d92f
```
#c6d92f rgb(198,217,47)
```
#ccdd45
```
#ccdd45 rgb(204,221,69)
```
#d2e15b
```
#d2e15b rgb(210,225,91)
```
#d8e570
```
#d8e570 rgb(216,229,112)
```
#dee986
```
#dee986 rgb(222,233,134)
```

Monochromatic Color

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

#ddc845
```
#ddc845 rgb(221,200,69)
```
#ddd545
```
#ddd545 rgb(221,213,69)
```
#d9dd45
```
#d9dd45 rgb(217,221,69)
```
#ccdd45
```
#ccdd45 rgb(204,221,69)
```
#bfdd45
```
#bfdd45 rgb(191,221,69)
```
#b3dd45
```
#b3dd45 rgb(179,221,69)
```
#a6dd45
```
#a6dd45 rgb(166,221,69)
```

Similar Colors

Text with hexadecimal color #ccdd45

This text has a font color of #ccdd45.

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

#ccdd45 background color

This paragraph has a background color of #ccdd45.

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

#ccdd45 border color

This element has a border color of #ccdd45.

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

CSS codes

.text {color:#ccdd45;}

.background {background-color:#ccdd45;}

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

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

#0c0d02
```
#0c0d02 rgb(12,13,2)
```
#1b1e05
```
#1b1e05 rgb(27,30,5)
```
#2a2e08
```
#2a2e08 rgb(42,46,8)
```
#393f0b
```
#393f0b rgb(57,63,11)
```
#484f0f
```
#484f0f rgb(72,79,15)
```
#576012
```
#576012 rgb(87,96,18)
```
#667115
```
#667115 rgb(102,113,21)
```
#758118
```
#758118 rgb(117,129,24)
```
#84921b
```
#84921b rgb(132,146,27)
```
#93a21e
```
#93a21e rgb(147,162,30)
```
#a3b321
```
#a3b321 rgb(163,179,33)
```
#b2c324
```
#b2c324 rgb(178,195,36)
```
#c1d427
```
#c1d427 rgb(193,212,39)
```

Shade Color Variation

#c7da34
```
#c7da34 rgb(199,218,52)
```
#ccdd45
```
#ccdd45 rgb(204,221,69)
```
#d1e056
```
#d1e056 rgb(209,224,86)
```
#d5e366
```
#d5e366 rgb(213,227,102)
```
#dae677
```
#dae677 rgb(218,230,119)
```
#dee987
```
#dee987 rgb(222,233,135)
```
#e3ec98
```
#e3ec98 rgb(227,236,152)
```
#e7efa9
```
#e7efa9 rgb(231,239,169)
```
#ecf2b9
```
#ecf2b9 rgb(236,242,185)
```
#f0f5ca
```
#f0f5ca rgb(240,245,202)
```
#f5f8da
```
#f5f8da rgb(245,248,218)
```
#f9fbeb
```
#f9fbeb rgb(249,251,235)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#979989
```
#979989 rgb(151,153,137)
```
#9ea280
```
#9ea280 rgb(158,162,128)
```
#a5aa78
```
#a5aa78 rgb(165,170,120)
```
#abb36f
```
#abb36f rgb(171,179,111)
```
#b2bb67
```
#b2bb67 rgb(178,187,103)
```
#b8c45e
```
#b8c45e rgb(184,196,94)
```
#bfcc56
```
#bfcc56 rgb(191,204,86)
```
#c5d54d
```
#c5d54d rgb(197,213,77)
```
#ccdd45
```
#ccdd45 rgb(204,221,69)
```
#d3e53d
```
#d3e53d rgb(211,229,61)
```
#d9ee34
```
#d9ee34 rgb(217,238,52)
```
#e0f62c
```
#e0f62c rgb(224,246,44)
```
#e6ff23
```
#e6ff23 rgb(230,255,35)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c8cbad Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd54c Protanopia 1% of men
#ffcd7d Deuteranopia 1% of men
#ded0df Tritanopia 0.001% of the population

Trichromacy

#e1d849 Protanomaly 1% of men, 0.01% of women
#ecd268 Deuteranomaly 6% of men, 0.4% of women
#d7d5a7 Tritanomaly 0.01% of the population

#ccdd45 hex color

#ccdd45 Color Information

#ccdd45 Color Conversion

Color Schemes with #ccdd45

Alternatives to #ccdd45

#ccdd45 Preview

Shades and Tints of #ccdd45

Tones of #ccdd45

Color Blindness Simulator