#ccdd0d hex color

In a RGB color space, hex #ccdd0d is composed of 80% red, 86.7% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 0% magenta, 94.1% yellow and 13.3% black. It has a hue angle of 64.9 degrees, a saturation of 88.9% and a lightness of 45.9%. #ccdd0d color hex could be obtained by blending #ffff1a with #99bb00. Closest websafe color is: #cccc00.

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

● #ccdd0d color description : Vivid yellow.

The hexadecimal color #ccdd0d has RGB values of R:204, G:221, B:13 and CMYK values of C:0.08, M:0, Y:0.94, K:0.13. Its decimal value is 13425933.

Hex triplet	ccdd0d	`#ccdd0d`
RGB Decimal	204, 221, 13	`rgb(204,221,13)`
RGB Percent	80, 86.7, 5.1	`rgb(80%,86.7%,5.1%)`
CMYK	8, 0, 94, 13
HSL	64.9°, 88.9, 45.9	`hsl(64.9,88.9%,45.9%)`
HSV (or HSB)	64.9°, 94.1, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	84.267, -26.333, 82.135
XYZ	50.831, 64.58, 10.168
xyY	0.405, 0.514, 64.58
CIE-LCH	84.267, 86.253, 107.776
CIE-LUV	84.267, -4.605, 93.32
Hunter-Lab	80.361, -27.726, 48.751
Binary	11001100, 11011101, 00001101

#ccdd0d
```
#ccdd0d rgb(204,221,13)
```
#1e0ddd
```
#1e0ddd rgb(30,13,221)
```

Complementary Color

#dd860d
```
#dd860d rgb(221,134,13)
```
#ccdd0d
```
#ccdd0d rgb(204,221,13)
```
#64dd0d
```
#64dd0d rgb(100,221,13)
```

Analogous Color

#860ddd
```
#860ddd rgb(134,13,221)
```
#ccdd0d
```
#ccdd0d rgb(204,221,13)
```
#0d64dd
```
#0d64dd rgb(13,100,221)
```

Split Complementary Color

#dd0dcc
```
#dd0dcc rgb(221,13,204)
```
#ccdd0d
```
#ccdd0d rgb(204,221,13)
```
#0dccdd
```
#0dccdd rgb(13,204,221)
```

Triadic Color

#dd1e0d
```
#dd1e0d rgb(221,30,13)
```
#ccdd0d
```
#ccdd0d rgb(204,221,13)
```
#0dccdd
```
#0dccdd rgb(13,204,221)
```
#1e0ddd
```
#1e0ddd rgb(30,13,221)
```

Tetradic Color

#899509
```
#899509 rgb(137,149,9)
```
#a0ad0a
```
#a0ad0a rgb(160,173,10)
```
#b6c50c
```
#b6c50c rgb(182,197,12)
```
#ccdd0d
```
#ccdd0d rgb(204,221,13)
```
#dff112
```
#dff112 rgb(223,241,18)
```
#e2f32b
```
#e2f32b rgb(226,243,43)
```
#e5f443
```
#e5f443 rgb(229,244,67)
```

Monochromatic Color

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

#ddba0d
```
#ddba0d rgb(221,186,13)
```
#ddcb0d
```
#ddcb0d rgb(221,203,13)
```
#dddd0d
```
#dddd0d rgb(221,221,13)
```
#ccdd0d
```
#ccdd0d rgb(204,221,13)
```
#bbdd0d
```
#bbdd0d rgb(187,221,13)
```
#a9dd0d
```
#a9dd0d rgb(169,221,13)
```
#98dd0d
```
#98dd0d rgb(152,221,13)
```

Similar Colors

Text with hexadecimal color #ccdd0d

This text has a font color of #ccdd0d.

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

#ccdd0d background color

This paragraph has a background color of #ccdd0d.

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

#ccdd0d border color

This element has a border color of #ccdd0d.

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

CSS codes

.text {color:#ccdd0d;}

.background {background-color:#ccdd0d;}

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

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

#101101
```
#101101 rgb(16,17,1)
```
#212402
```
#212402 rgb(33,36,2)
```
#323603
```
#323603 rgb(50,54,3)
```
#434904
```
#434904 rgb(67,73,4)
```
#545b05
```
#545b05 rgb(84,91,5)
```
#656e06
```
#656e06 rgb(101,110,6)
```
#768008
```
#768008 rgb(118,128,8)
```
#889309
```
#889309 rgb(136,147,9)
```
#99a50a
```
#99a50a rgb(153,165,10)
```
#aab80b
```
#aab80b rgb(170,184,11)
```
#bbca0c
```
#bbca0c rgb(187,202,12)
```
#ccdd0d
```
#ccdd0d rgb(204,221,13)
```
#ddf00e
```
#ddf00e rgb(221,240,14)
```

Shade Color Variation

#e1f21f
```
#e1f21f rgb(225,242,31)
```
#e3f332
```
#e3f332 rgb(227,243,50)
```
#e6f444
```
#e6f444 rgb(230,244,68)
```
#e8f557
```
#e8f557 rgb(232,245,87)
```
#ebf669
```
#ebf669 rgb(235,246,105)
```
#edf77c
```
#edf77c rgb(237,247,124)
```
#f0f88f
```
#f0f88f rgb(240,248,143)
```
#f2f9a1
```
#f2f9a1 rgb(242,249,161)
```
#f5fbb4
```
#f5fbb4 rgb(245,251,180)
```
#f7fcc6
```
#f7fcc6 rgb(247,252,198)
```
#fafdd9
```
#fafdd9 rgb(250,253,217)
```
#fcfeeb
```
#fcfeeb rgb(252,254,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#797a70
```
#797a70 rgb(121,122,112)
```
#818367
```
#818367 rgb(129,131,103)
```
#888c5e
```
#888c5e rgb(136,140,94)
```
#909555
```
#909555 rgb(144,149,85)
```
#979e4c
```
#979e4c rgb(151,158,76)
```
#9fa743
```
#9fa743 rgb(159,167,67)
```
#a6b03a
```
#a6b03a rgb(166,176,58)
```
#aeb931
```
#aeb931 rgb(174,185,49)
```
#b5c228
```
#b5c228 rgb(181,194,40)
```
#bdcb1f
```
#bdcb1f rgb(189,203,31)
```
#c4d416
```
#c4d416 rgb(196,212,22)
```
#ccdd0d
```
#ccdd0d rgb(204,221,13)
```
#d4e604
```
#d4e604 rgb(212,230,4)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#c2c69c Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed514 Protanopia 1% of men
#ffcc75 Deuteranopia 1% of men
#dfcfde Tritanopia 0.001% of the population

Trichromacy

#e1d711 Protanomaly 1% of men, 0.01% of women
#ecd24f Deuteranomaly 6% of men, 0.4% of women
#d8d492 Tritanomaly 0.01% of the population

#ccdd0d hex color

#ccdd0d Color Information

#ccdd0d Color Conversion

Color Schemes with #ccdd0d

Alternatives to #ccdd0d

#ccdd0d Preview

Shades and Tints of #ccdd0d

Tones of #ccdd0d

Color Blindness Simulator