#ccdd1b hex color

In a RGB color space, hex #ccdd1b is composed of 80% red, 86.7% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 0% magenta, 87.8% yellow and 13.3% black. It has a hue angle of 65.3 degrees, a saturation of 78.2% and a lightness of 48.6%. #ccdd1b color hex could be obtained by blending #ffff36 with #99bb00. Closest websafe color is: #cccc33.

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

● #ccdd1b color description : Vivid yellow.

The hexadecimal color #ccdd1b has RGB values of R:204, G:221, B:27 and CMYK values of C:0.08, M:0, Y:0.88, K:0.13. Its decimal value is 13425947.

Hex triplet	ccdd1b	`#ccdd1b`
RGB Decimal	204, 221, 27	`rgb(204,221,27)`
RGB Percent	80, 86.7, 10.6	`rgb(80%,86.7%,10.6%)`
CMYK	8, 0, 88, 13
HSL	65.3°, 78.2, 48.6	`hsl(65.3,78.2%,48.6%)`
HSV (or HSB)	65.3°, 87.8, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	84.293, -26.112, 80.26
XYZ	50.956, 64.63, 10.827
xyY	0.403, 0.511, 64.63
CIE-LCH	84.293, 84.401, 108.022
CIE-LUV	84.293, -4.661, 92.174
Hunter-Lab	80.393, -27.547, 48.29
Binary	11001100, 11011101, 00011011

#ccdd1b
```
#ccdd1b rgb(204,221,27)
```
#2c1bdd
```
#2c1bdd rgb(44,27,221)
```

Complementary Color

#dd8d1b
```
#dd8d1b rgb(221,141,27)
```
#ccdd1b
```
#ccdd1b rgb(204,221,27)
```
#6bdd1b
```
#6bdd1b rgb(107,221,27)
```

Analogous Color

#8d1bdd
```
#8d1bdd rgb(141,27,221)
```
#ccdd1b
```
#ccdd1b rgb(204,221,27)
```
#1b6bdd
```
#1b6bdd rgb(27,107,221)
```

Split Complementary Color

#dd1bcc
```
#dd1bcc rgb(221,27,204)
```
#ccdd1b
```
#ccdd1b rgb(204,221,27)
```
#1bccdd
```
#1bccdd rgb(27,204,221)
```

Triadic Color

#dd2c1b
```
#dd2c1b rgb(221,44,27)
```
#ccdd1b
```
#ccdd1b rgb(204,221,27)
```
#1bccdd
```
#1bccdd rgb(27,204,221)
```
#2c1bdd
```
#2c1bdd rgb(44,27,221)
```

Tetradic Color

#8d9913
```
#8d9913 rgb(141,153,19)
```
#a2b015
```
#a2b015 rgb(162,176,21)
```
#b7c618
```
#b7c618 rgb(183,198,24)
```
#ccdd1b
```
#ccdd1b rgb(204,221,27)
```
#d5e52c
```
#d5e52c rgb(213,229,44)
```
#dae843
```
#dae843 rgb(218,232,67)
```
#deeb5a
```
#deeb5a rgb(222,235,90)
```

Monochromatic Color

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

#ddbe1b
```
#ddbe1b rgb(221,190,27)
```
#ddce1b
```
#ddce1b rgb(221,206,27)
```
#dcdd1b
```
#dcdd1b rgb(220,221,27)
```
#ccdd1b
```
#ccdd1b rgb(204,221,27)
```
#bcdd1b
```
#bcdd1b rgb(188,221,27)
```
#acdd1b
```
#acdd1b rgb(172,221,27)
```
#9cdd1b
```
#9cdd1b rgb(156,221,27)
```

Similar Colors

Text with hexadecimal color #ccdd1b

This text has a font color of #ccdd1b.

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

#ccdd1b background color

This paragraph has a background color of #ccdd1b.

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

#ccdd1b border color

This element has a border color of #ccdd1b.

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

CSS codes

.text {color:#ccdd1b;}

.background {background-color:#ccdd1b;}

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

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

#0a0b01
```
#0a0b01 rgb(10,11,1)
```
#1b1d04
```
#1b1d04 rgb(27,29,4)
```
#2b2e06
```
#2b2e06 rgb(43,46,6)
```
#3b4008
```
#3b4008 rgb(59,64,8)
```
#4b510a
```
#4b510a rgb(75,81,10)
```
#5b630c
```
#5b630c rgb(91,99,12)
```
#6b740e
```
#6b740e rgb(107,116,14)
```
#7b8610
```
#7b8610 rgb(123,134,16)
```
#8b9712
```
#8b9712 rgb(139,151,18)
```
#9ca915
```
#9ca915 rgb(156,169,21)
```
#acba17
```
#acba17 rgb(172,186,23)
```
#bccc19
```
#bccc19 rgb(188,204,25)
```
#ccdd1b
```
#ccdd1b rgb(204,221,27)
```

Shade Color Variation

#d4e527
```
#d4e527 rgb(212,229,39)
```
#d7e738
```
#d7e738 rgb(215,231,56)
```
#dbe94a
```
#dbe94a rgb(219,233,74)
```
#deeb5b
```
#deeb5b rgb(222,235,91)
```
#e2ed6d
```
#e2ed6d rgb(226,237,109)
```
#e5ef7e
```
#e5ef7e rgb(229,239,126)
```
#e9f190
```
#e9f190 rgb(233,241,144)
```
#ecf4a1
```
#ecf4a1 rgb(236,244,161)
```
#f0f6b3
```
#f0f6b3 rgb(240,246,179)
```
#f3f8c4
```
#f3f8c4 rgb(243,248,196)
```
#f7fad6
```
#f7fad6 rgb(247,250,214)
```
#fafce7
```
#fafce7 rgb(250,252,231)
```
#fefef9
```
#fefef9 rgb(254,254,249)
```

Tint Color Variation

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

#7d7e7a
```
#7d7e7a rgb(125,126,122)
```
#858771
```
#858771 rgb(133,135,113)
```
#8d9167
```
#8d9167 rgb(141,145,103)
```
#959a5e
```
#959a5e rgb(149,154,94)
```
#9da454
```
#9da454 rgb(157,164,84)
```
#a5ad4b
```
#a5ad4b rgb(165,173,75)
```
#adb741
```
#adb741 rgb(173,183,65)
```
#b4c038
```
#b4c038 rgb(180,192,56)
```
#bcca2e
```
#bcca2e rgb(188,202,46)
```
#c4d325
```
#c4d325 rgb(196,211,37)
```
#ccdd1b
```
#ccdd1b rgb(204,221,27)
```
#d4e711
```
#d4e711 rgb(212,231,17)
```
#dcf008
```
#dcf008 rgb(220,240,8)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c4c7a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#e1d720 Protanomaly 1% of men, 0.01% of women
#ecd255 Deuteranomaly 6% of men, 0.4% of women
#d8d497 Tritanomaly 0.01% of the population

#ccdd1b hex color

#ccdd1b Color Information

#ccdd1b Color Conversion

Color Schemes with #ccdd1b

Alternatives to #ccdd1b

#ccdd1b Preview

Shades and Tints of #ccdd1b

Tones of #ccdd1b

Color Blindness Simulator