#ccd800 hex color

In a RGB color space, hex #ccd800 is composed of 80% red, 84.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 5.6% cyan, 0% magenta, 100% yellow and 15.3% black. It has a hue angle of 63.3 degrees, a saturation of 100% and a lightness of 42.4%. #ccd800 color hex could be obtained by blending #ffff00 with #99b100. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 80
- G 85
- B 0
RGB color chart
- C 6
- M 0
- Y 100
- K 15
CMYK color chart

● #ccd800 color description : Strong yellow.

The hexadecimal color #ccd800 has RGB values of R:204, G:216, B:0 and CMYK values of C:0.06, M:0, Y:1, K:0.15. Its decimal value is 13424640.

Hex triplet	ccd800	`#ccd800`
RGB Decimal	204, 216, 0	`rgb(204,216,0)`
RGB Percent	80, 84.7, 0	`rgb(80%,84.7%,0%)`
CMYK	6, 0, 100, 15
HSL	63.3°, 100, 42.4	`hsl(63.3,100%,42.4%)`
HSV (or HSB)	63.3°, 100, 84.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	82.887, -24.073, 82.251
XYZ	49.458, 61.95, 9.352
xyY	0.41, 0.513, 61.95
CIE-LCH	82.887, 85.701, 106.313
CIE-LUV	82.887, -1.441, 92.093
Hunter-Lab	78.708, -25.575, 48.051
Binary	11001100, 11011000, 00000000

#ccd800
```
#ccd800 rgb(204,216,0)
```
#0c00d8
```
#0c00d8 rgb(12,0,216)
```

Complementary Color

#d87800
```
#d87800 rgb(216,120,0)
```
#ccd800
```
#ccd800 rgb(204,216,0)
```
#60d800
```
#60d800 rgb(96,216,0)
```

Analogous Color

#7800d8
```
#7800d8 rgb(120,0,216)
```
#ccd800
```
#ccd800 rgb(204,216,0)
```
#0060d8
```
#0060d8 rgb(0,96,216)
```

Split Complementary Color

#d800cc
```
#d800cc rgb(216,0,204)
```
#ccd800
```
#ccd800 rgb(204,216,0)
```
#00ccd8
```
#00ccd8 rgb(0,204,216)
```

Triadic Color

#d80c00
```
#d80c00 rgb(216,12,0)
```
#ccd800
```
#ccd800 rgb(204,216,0)
```
#00ccd8
```
#00ccd8 rgb(0,204,216)
```
#0c00d8
```
#0c00d8 rgb(12,0,216)
```

Tetradic Color

#848c00
```
#848c00 rgb(132,140,0)
```
#9ca500
```
#9ca500 rgb(156,165,0)
```
#b4bf00
```
#b4bf00 rgb(180,191,0)
```
#ccd800
```
#ccd800 rgb(204,216,0)
```
#e4f200
```
#e4f200 rgb(228,242,0)
```
#f2ff0c
```
#f2ff0c rgb(242,255,12)
```
#f3ff26
```
#f3ff26 rgb(243,255,38)
```

Monochromatic Color

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

#d8ae00
```
#d8ae00 rgb(216,174,0)
```
#d8c000
```
#d8c000 rgb(216,192,0)
```
#d8d200
```
#d8d200 rgb(216,210,0)
```
#ccd800
```
#ccd800 rgb(204,216,0)
```
#bad800
```
#bad800 rgb(186,216,0)
```
#a8d800
```
#a8d800 rgb(168,216,0)
```
#96d800
```
#96d800 rgb(150,216,0)
```

Similar Colors

Text with hexadecimal color #ccd800

This text has a font color of #ccd800.

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

#ccd800 background color

This paragraph has a background color of #ccd800.

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

#ccd800 border color

This element has a border color of #ccd800.

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

CSS codes

.text {color:#ccd800;}

.background {background-color:#ccd800;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#131400
```
#131400 rgb(19,20,0)
```
#252700
```
#252700 rgb(37,39,0)
```
#383b00
```
#383b00 rgb(56,59,0)
```
#4a4f00
```
#4a4f00 rgb(74,79,0)
```
#5d6200
```
#5d6200 rgb(93,98,0)
```
#6f7600
```
#6f7600 rgb(111,118,0)
```
#828a00
```
#828a00 rgb(130,138,0)
```
#949d00
```
#949d00 rgb(148,157,0)
```
#a7b100
```
#a7b100 rgb(167,177,0)
```
#b9c400
```
#b9c400 rgb(185,196,0)
```
#ccd800
```
#ccd800 rgb(204,216,0)
```
#dfec00
```
#dfec00 rgb(223,236,0)
```

Shade Color Variation

#f1ff00
```
#f1ff00 rgb(241,255,0)
```
#f2ff14
```
#f2ff14 rgb(242,255,20)
```
#f3ff27
```
#f3ff27 rgb(243,255,39)
```
#f4ff3b
```
#f4ff3b rgb(244,255,59)
```
#f5ff4f
```
#f5ff4f rgb(245,255,79)
```
#f6ff62
```
#f6ff62 rgb(246,255,98)
```
#f7ff76
```
#f7ff76 rgb(247,255,118)
```
#f8ff8a
```
#f8ff8a rgb(248,255,138)
```
#faff9d
```
#faff9d rgb(250,255,157)
```
#fbffb1
```
#fbffb1 rgb(251,255,177)
```
#fcffc4
```
#fcffc4 rgb(252,255,196)
```
#fdffd8
```
#fdffd8 rgb(253,255,216)
```
#feffec
```
#feffec rgb(254,255,236)
```

Tint Color Variation

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

#737464
```
#737464 rgb(115,116,100)
```
#7b7d5b
```
#7b7d5b rgb(123,125,91)
```
#828553
```
#828553 rgb(130,133,83)
```
#8a8d4b
```
#8a8d4b rgb(138,141,75)
```
#919642
```
#919642 rgb(145,150,66)
```
#989e3a
```
#989e3a rgb(152,158,58)
```
#a0a632
```
#a0a632 rgb(160,166,50)
```
#a7ae2a
```
#a7ae2a rgb(167,174,42)
```
#aeb721
```
#aeb721 rgb(174,183,33)
```
#b6bf19
```
#b6bf19 rgb(182,191,25)
```
#bdc711
```
#bdc711 rgb(189,199,17)
```
#c5d008
```
#c5d008 rgb(197,208,8)
```
#ccd800
```
#ccd800 rgb(204,216,0)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#bfc296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead100 Protanopia 1% of men
#ffc85e Deuteranopia 1% of men
#decbd9 Tritanopia 0.001% of the population

Trichromacy

#dfd300 Protanomaly 1% of men, 0.01% of women
#eccd3b Deuteranomaly 6% of men, 0.4% of women
#d8d08a Tritanomaly 0.01% of the population

#ccd800 hex color

#ccd800 Color Information

#ccd800 Color Conversion

Color Schemes with #ccd800

Alternatives to #ccd800

#ccd800 Preview

Shades and Tints of #ccd800

Tones of #ccd800

Color Blindness Simulator