#ccde0b hex color

In a RGB color space, hex #ccde0b is composed of 80% red, 87.1% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 8.1% cyan, 0% magenta, 95% yellow and 12.9% black. It has a hue angle of 65.1 degrees, a saturation of 90.6% and a lightness of 45.7%. #ccde0b color hex could be obtained by blending #ffff16 with #99bd00. Closest websafe color is: #cccc00.

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

● #ccde0b color description : Vivid yellow.

The hexadecimal color #ccde0b has RGB values of R:204, G:222, B:11 and CMYK values of C:0.08, M:0, Y:0.95, K:0.13. Its decimal value is 13426187.

Hex triplet	ccde0b	`#ccde0b`
RGB Decimal	204, 222, 11	`rgb(204,222,11)`
RGB Percent	80, 87.1, 4.3	`rgb(80%,87.1%,4.3%)`
CMYK	8, 0, 95, 13
HSL	65.1°, 90.6, 45.7	`hsl(65.1,90.6%,45.7%)`
HSV (or HSB)	65.1°, 95, 87.1
Web Safe	cccc00	`#cccc00`

CIE-LAB	84.538, -26.829, 82.531
XYZ	51.083, 65.104, 10.192
xyY	0.404, 0.515, 65.104
CIE-LCH	84.538, 86.783, 108.008
CIE-LUV	84.538, -5.219, 93.814
Hunter-Lab	80.687, -28.194, 48.992
Binary	11001100, 11011110, 00001011

#ccde0b
```
#ccde0b rgb(204,222,11)
```
#1d0bde
```
#1d0bde rgb(29,11,222)
```

Complementary Color

#de870b
```
#de870b rgb(222,135,11)
```
#ccde0b
```
#ccde0b rgb(204,222,11)
```
#63de0b
```
#63de0b rgb(99,222,11)
```

Analogous Color

#870bde
```
#870bde rgb(135,11,222)
```
#ccde0b
```
#ccde0b rgb(204,222,11)
```
#0b62de
```
#0b62de rgb(11,98,222)
```

Split Complementary Color

#de0bcc
```
#de0bcc rgb(222,11,204)
```
#ccde0b
```
#ccde0b rgb(204,222,11)
```
#0bccde
```
#0bccde rgb(11,204,222)
```

Triadic Color

#de1d0b
```
#de1d0b rgb(222,29,11)
```
#ccde0b
```
#ccde0b rgb(204,222,11)
```
#0bccde
```
#0bccde rgb(11,204,222)
```
#1d0bde
```
#1d0bde rgb(29,11,222)
```

Tetradic Color

#899507
```
#899507 rgb(137,149,7)
```
#9fad09
```
#9fad09 rgb(159,173,9)
```
#b6c60a
```
#b6c60a rgb(182,198,10)
```
#ccde0b
```
#ccde0b rgb(204,222,11)
```
#e0f30f
```
#e0f30f rgb(224,243,15)
```
#e3f428
```
#e3f428 rgb(227,244,40)
```
#e6f640
```
#e6f640 rgb(230,246,64)
```

Monochromatic Color

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

#debb0b
```
#debb0b rgb(222,187,11)
```
#decd0b
```
#decd0b rgb(222,205,11)
```
#dede0b
```
#dede0b rgb(222,222,11)
```
#ccde0b
```
#ccde0b rgb(204,222,11)
```
#bade0b
```
#bade0b rgb(186,222,11)
```
#a9de0b
```
#a9de0b rgb(169,222,11)
```
#97de0b
```
#97de0b rgb(151,222,11)
```

Similar Colors

Text with hexadecimal color #ccde0b

This text has a font color of #ccde0b.

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

#ccde0b background color

This paragraph has a background color of #ccde0b.

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

#ccde0b border color

This element has a border color of #ccde0b.

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

CSS codes

.text {color:#ccde0b;}

.background {background-color:#ccde0b;}

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

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

#0f1001
```
#0f1001 rgb(15,16,1)
```
#202302
```
#202302 rgb(32,35,2)
```
#313603
```
#313603 rgb(49,54,3)
```
#434804
```
#434804 rgb(67,72,4)
```
#545b05
```
#545b05 rgb(84,91,5)
```
#656e05
```
#656e05 rgb(101,110,5)
```
#768106
```
#768106 rgb(118,129,6)
```
#879307
```
#879307 rgb(135,147,7)
```
#98a608
```
#98a608 rgb(152,166,8)
```
#aab909
```
#aab909 rgb(170,185,9)
```
#bbcb0a
```
#bbcb0a rgb(187,203,10)
```
#ccde0b
```
#ccde0b rgb(204,222,11)
```
#ddf10c
```
#ddf10c rgb(221,241,12)
```

Shade Color Variation

#e1f41c
```
#e1f41c rgb(225,244,28)
```
#e4f52f
```
#e4f52f rgb(228,245,47)
```
#e6f642
```
#e6f642 rgb(230,246,66)
```
#e9f755
```
#e9f755 rgb(233,247,85)
```
#ebf767
```
#ebf767 rgb(235,247,103)
```
#eef87a
```
#eef87a rgb(238,248,122)
```
#f0f98d
```
#f0f98d rgb(240,249,141)
```
#f2fa9f
```
#f2fa9f rgb(242,250,159)
```
#f5fbb2
```
#f5fbb2 rgb(245,251,178)
```
#f7fcc5
```
#f7fcc5 rgb(247,252,197)
```
#fafdd7
```
#fafdd7 rgb(250,253,215)
```
#fcfeea
```
#fcfeea rgb(252,254,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#7a7b6e
```
#7a7b6e rgb(122,123,110)
```
#828465
```
#828465 rgb(130,132,101)
```
#898d5c
```
#898d5c rgb(137,141,92)
```
#919653
```
#919653 rgb(145,150,83)
```
#989f4a
```
#989f4a rgb(152,159,74)
```
#9fa841
```
#9fa841 rgb(159,168,65)
```
#a7b138
```
#a7b138 rgb(167,177,56)
```
#aeba2f
```
#aeba2f rgb(174,186,47)
```
#b6c326
```
#b6c326 rgb(182,195,38)
```
#bdcc1d
```
#bdcc1d rgb(189,204,29)
```
#c5d514
```
#c5d514 rgb(197,213,20)
```
#ccde0b
```
#ccde0b rgb(204,222,11)
```
#d3e702
```
#d3e702 rgb(211,231,2)
```

Tone Color Variation

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

Dichromacy

#efd511 Protanopia 1% of men
#ffcd79 Deuteranopia 1% of men
#dfd0df Tritanopia 0.001% of the population

Trichromacy

#e2d80f Protanomaly 1% of men, 0.01% of women
#ecd351 Deuteranomaly 6% of men, 0.4% of women
#d8d592 Tritanomaly 0.01% of the population

#ccde0b hex color

#ccde0b Color Information

#ccde0b Color Conversion

Color Schemes with #ccde0b

Alternatives to #ccde0b

#ccde0b Preview

Shades and Tints of #ccde0b

Tones of #ccde0b

Color Blindness Simulator