#ccdd18 hex color

In a RGB color space, hex #ccdd18 is composed of 80% red, 86.7% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 0% magenta, 89.1% yellow and 13.3% black. It has a hue angle of 65.2 degrees, a saturation of 80.4% and a lightness of 48%. #ccdd18 color hex could be obtained by blending #ffff30 with #99bb00. Closest websafe color is: #cccc00.

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

● #ccdd18 color description : Vivid yellow.

The hexadecimal color #ccdd18 has RGB values of R:204, G:221, B:24 and CMYK values of C:0.08, M:0, Y:0.89, K:0.13. Its decimal value is 13425944.

Hex triplet	ccdd18	`#ccdd18`
RGB Decimal	204, 221, 24	`rgb(204,221,24)`
RGB Percent	80, 86.7, 9.4	`rgb(80%,86.7%,9.4%)`
CMYK	8, 0, 89, 13
HSL	65.2°, 80.4, 48	`hsl(65.2,80.4%,48%)`
HSV (or HSB)	65.2°, 89.1, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	84.286, -26.17, 80.746
XYZ	50.923, 64.617, 10.654
xyY	0.404, 0.512, 64.617
CIE-LCH	84.286, 84.881, 107.958
CIE-LUV	84.286, -4.646, 92.475
Hunter-Lab	80.384, -27.594, 48.411
Binary	11001100, 11011101, 00011000

#ccdd18
```
#ccdd18 rgb(204,221,24)
```
#2918dd
```
#2918dd rgb(41,24,221)
```

Complementary Color

#dd8c18
```
#dd8c18 rgb(221,140,24)
```
#ccdd18
```
#ccdd18 rgb(204,221,24)
```
#6add18
```
#6add18 rgb(106,221,24)
```

Analogous Color

#8c18dd
```
#8c18dd rgb(140,24,221)
```
#ccdd18
```
#ccdd18 rgb(204,221,24)
```
#186add
```
#186add rgb(24,106,221)
```

Split Complementary Color

#dd18cc
```
#dd18cc rgb(221,24,204)
```
#ccdd18
```
#ccdd18 rgb(204,221,24)
```
#18ccdd
```
#18ccdd rgb(24,204,221)
```

Triadic Color

#dd2918
```
#dd2918 rgb(221,41,24)
```
#ccdd18
```
#ccdd18 rgb(204,221,24)
```
#18ccdd
```
#18ccdd rgb(24,204,221)
```
#2918dd
```
#2918dd rgb(41,24,221)
```

Tetradic Color

#8c9811
```
#8c9811 rgb(140,152,17)
```
#a2af13
```
#a2af13 rgb(162,175,19)
```
#b7c616
```
#b7c616 rgb(183,198,22)
```
#ccdd18
```
#ccdd18 rgb(204,221,24)
```
#d7e827
```
#d7e827 rgb(215,232,39)
```
#dbea3e
```
#dbea3e rgb(219,234,62)
```
#dfed55
```
#dfed55 rgb(223,237,85)
```

Monochromatic Color

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

#ddbd18
```
#ddbd18 rgb(221,189,24)
```
#ddcd18
```
#ddcd18 rgb(221,205,24)
```
#dcdd18
```
#dcdd18 rgb(220,221,24)
```
#ccdd18
```
#ccdd18 rgb(204,221,24)
```
#bcdd18
```
#bcdd18 rgb(188,221,24)
```
#abdd18
```
#abdd18 rgb(171,221,24)
```
#9bdd18
```
#9bdd18 rgb(155,221,24)
```

Similar Colors

Text with hexadecimal color #ccdd18

This text has a font color of #ccdd18.

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

#ccdd18 background color

This paragraph has a background color of #ccdd18.

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

#ccdd18 border color

This element has a border color of #ccdd18.

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

CSS codes

.text {color:#ccdd18;}

.background {background-color:#ccdd18;}

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

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

#080901
```
#080901 rgb(8,9,1)
```
#181a03
```
#181a03 rgb(24,26,3)
```
#292c05
```
#292c05 rgb(41,44,5)
```
#393e07
```
#393e07 rgb(57,62,7)
```
#494f09
```
#494f09 rgb(73,79,9)
```
#5a610b
```
#5a610b rgb(90,97,11)
```
#6a730c
```
#6a730c rgb(106,115,12)
```
#7a850e
```
#7a850e rgb(122,133,14)
```
#8b9610
```
#8b9610 rgb(139,150,16)
```
#9ba812
```
#9ba812 rgb(155,168,18)
```
#abba14
```
#abba14 rgb(171,186,20)
```
#bccb16
```
#bccb16 rgb(188,203,22)
```
#ccdd18
```
#ccdd18 rgb(204,221,24)
```

Shade Color Variation

#d6e722
```
#d6e722 rgb(214,231,34)
```
#d9e933
```
#d9e933 rgb(217,233,51)
```
#ddeb45
```
#ddeb45 rgb(221,235,69)
```
#e0ed57
```
#e0ed57 rgb(224,237,87)
```
#e3ef68
```
#e3ef68 rgb(227,239,104)
```
#e6f17a
```
#e6f17a rgb(230,241,122)
```
#eaf28c
```
#eaf28c rgb(234,242,140)
```
#edf49e
```
#edf49e rgb(237,244,158)
```
#f0f6af
```
#f0f6af rgb(240,246,175)
```
#f3f8c1
```
#f3f8c1 rgb(243,248,193)
```
#f7fad3
```
#f7fad3 rgb(247,250,211)
```
#fafce4
```
#fafce4 rgb(250,252,228)
```
#fdfef6
```
#fdfef6 rgb(253,254,246)
```

Tint Color Variation

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

#7e7f76
```
#7e7f76 rgb(126,127,118)
```
#86886d
```
#86886d rgb(134,136,109)
```
#8e9263
```
#8e9263 rgb(142,146,99)
```
#959b5a
```
#959b5a rgb(149,155,90)
```
#9da451
```
#9da451 rgb(157,164,81)
```
#a5ae47
```
#a5ae47 rgb(165,174,71)
```
#adb73e
```
#adb73e rgb(173,183,62)
```
#b5c134
```
#b5c134 rgb(181,193,52)
```
#bcca2b
```
#bcca2b rgb(188,202,43)
```
#c4d421
```
#c4d421 rgb(196,212,33)
```
#ccdd18
```
#ccdd18 rgb(204,221,24)
```
#d4e60f
```
#d4e60f rgb(212,230,15)
```
#dcf005
```
#dcf005 rgb(220,240,5)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c3c79f Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed520 Protanopia 1% of men
#ffcc76 Deuteranopia 1% of men
#dfd0de Tritanopia 0.001% of the population

Trichromacy

#e1d71d Protanomaly 1% of men, 0.01% of women
#ecd253 Deuteranomaly 6% of men, 0.4% of women
#d8d496 Tritanomaly 0.01% of the population

#ccdd18 hex color

#ccdd18 Color Information

#ccdd18 Color Conversion

Color Schemes with #ccdd18

Alternatives to #ccdd18

#ccdd18 Preview

Shades and Tints of #ccdd18

Tones of #ccdd18

Color Blindness Simulator