colorhexa.com

#ccde00 hex color

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

- R 80
- G 87
- B 0
RGB color chart
- C 8
- M 0
- Y 100
- K 13
CMYK color chart

● #ccde00 color description : Pure (or mostly pure) yellow.

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

Hex triplet	ccde00	`#ccde00`
RGB Decimal	204, 222, 0	`rgb(204,222,0)`
RGB Percent	80, 87.1, 0	`rgb(80%,87.1%,0%)`
CMYK	8, 0, 100, 13
HSL	64.9°, 100, 43.5	`hsl(64.9,100%,43.5%)`
HSV (or HSB)	64.9°, 100, 87.1
Web Safe	cccc00	`#cccc00`

CIE-LAB	84.525, -26.936, 83.465
XYZ	51.023, 65.08, 9.874
xyY	0.405, 0.517, 65.08
CIE-LCH	84.525, 87.703, 107.886
CIE-LUV	84.525, -5.193, 94.367
Hunter-Lab	80.672, -28.28, 49.214
Binary	11001100, 11011110, 00000000

#ccde00
```
#ccde00 rgb(204,222,0)
```
#1200de
```
#1200de rgb(18,0,222)
```

Complementary Color

#de8100
```
#de8100 rgb(222,129,0)
```
#ccde00
```
#ccde00 rgb(204,222,0)
```
#5dde00
```
#5dde00 rgb(93,222,0)
```

Analogous Color

#8100de
```
#8100de rgb(129,0,222)
```
#ccde00
```
#ccde00 rgb(204,222,0)
```
#005dde
```
#005dde rgb(0,93,222)
```

Split Complementary Color

#de00cc
```
#de00cc rgb(222,0,204)
```
#ccde00
```
#ccde00 rgb(204,222,0)
```
#00ccde
```
#00ccde rgb(0,204,222)
```

Triadic Color

#869200
```
#869200 rgb(134,146,0)
```
#9dab00
```
#9dab00 rgb(157,171,0)
```
#b5c500
```
#b5c500 rgb(181,197,0)
```
#ccde00
```
#ccde00 rgb(204,222,0)
```
#e3f800
```
#e3f800 rgb(227,248,0)
```
#ecff12
```
#ecff12 rgb(236,255,18)
```
#eeff2c
```
#eeff2c rgb(238,255,44)
```

Monochromatic Color

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

#deb900
```
#deb900 rgb(222,185,0)
```
#decb00
```
#decb00 rgb(222,203,0)
```
#dede00
```
#dede00 rgb(222,222,0)
```
#ccde00
```
#ccde00 rgb(204,222,0)
```
#bade00
```
#bade00 rgb(186,222,0)
```
#a7de00
```
#a7de00 rgb(167,222,0)
```
#95de00
```
#95de00 rgb(149,222,0)
```

Similar Colors

Text with hexadecimal color #ccde00

This text has a font color of #ccde00.

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

#ccde00 background color

This paragraph has a background color of #ccde00.

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

#ccde00 border color

This element has a border color of #ccde00.

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

CSS codes

.text {color:#ccde00;}

.background {background-color:#ccde00;}

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

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

#060600
```
#060600 rgb(6,6,0)
```
#181a00
```
#181a00 rgb(24,26,0)
```
#2a2d00
```
#2a2d00 rgb(42,45,0)
```
#3c4100
```
#3c4100 rgb(60,65,0)
```
#4e5500
```
#4e5500 rgb(78,85,0)
```
#606800
```
#606800 rgb(96,104,0)
```
#727c00
```
#727c00 rgb(114,124,0)
```
#849000
```
#849000 rgb(132,144,0)
```
#96a300
```
#96a300 rgb(150,163,0)
```
#a8b700
```
#a8b700 rgb(168,183,0)
```
#baca00
```
#baca00 rgb(186,202,0)
```
#ccde00
```
#ccde00 rgb(204,222,0)
```
#def200
```
#def200 rgb(222,242,0)
```

Shade Color Variation

#ebff06
```
#ebff06 rgb(235,255,6)
```
#ecff1a
```
#ecff1a rgb(236,255,26)
```
#eeff2d
```
#eeff2d rgb(238,255,45)
```
#f0ff41
```
#f0ff41 rgb(240,255,65)
```
#f1ff55
```
#f1ff55 rgb(241,255,85)
```
#f3ff68
```
#f3ff68 rgb(243,255,104)
```
#f4ff7c
```
#f4ff7c rgb(244,255,124)
```
#f6ff90
```
#f6ff90 rgb(246,255,144)
```
#f8ffa3
```
#f8ffa3 rgb(248,255,163)
```
#f9ffb7
```
#f9ffb7 rgb(249,255,183)
```
#fbffca
```
#fbffca rgb(251,255,202)
```
#fcffde
```
#fcffde rgb(252,255,222)
```
#fefff2
```
#fefff2 rgb(254,255,242)
```

Tint Color Variation

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

#767866
```
#767866 rgb(118,120,102)
```
#7d805e
```
#7d805e rgb(125,128,94)
```
#848955
```
#848955 rgb(132,137,85)
```
#8c914d
```
#8c914d rgb(140,145,77)
```
#939a44
```
#939a44 rgb(147,154,68)
```
#9aa23c
```
#9aa23c rgb(154,162,60)
```
#a1ab33
```
#a1ab33 rgb(161,171,51)
```
#a8b32b
```
#a8b32b rgb(168,179,43)
```
#afbc22
```
#afbc22 rgb(175,188,34)
```
#b7c41a
```
#b7c41a rgb(183,196,26)
```
#becd11
```
#becd11 rgb(190,205,17)
```
#c5d509
```
#c5d509 rgb(197,213,9)
```
#ccde00
```
#ccde00 rgb(204,222,0)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#c2c599 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd500 Protanopia 1% of men
#ffcd78 Deuteranopia 1% of men
#dfd0df Tritanopia 0.001% of the population

Trichromacy

#e2d800 Protanomaly 1% of men, 0.01% of women
#ecd34c Deuteranomaly 6% of men, 0.4% of women
#d8d58e Tritanomaly 0.01% of the population