#ccd204 hex color

In a RGB color space, hex #ccd204 is composed of 80% red, 82.4% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 2.9% cyan, 0% magenta, 98.1% yellow and 17.6% black. It has a hue angle of 61.7 degrees, a saturation of 96.3% and a lightness of 42%. #ccd204 color hex could be obtained by blending #ffff08 with #99a500. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 80
- G 82
- B 2
RGB color chart
- C 3
- M 0
- Y 98
- K 18
CMYK color chart

● #ccd204 color description : Strong yellow.

The hexadecimal color #ccd204 has RGB values of R:204, G:210, B:4 and CMYK values of C:0.03, M:0, Y:0.98, K:0.18. Its decimal value is 13423108.

Hex triplet	ccd204	`#ccd204`
RGB Decimal	204, 210, 4	`rgb(204,210,4)`
RGB Percent	80, 82.4, 1.6	`rgb(80%,82.4%,1.6%)`
CMYK	3, 0, 98, 18
HSL	61.7°, 96.3, 42	`hsl(61.7,96.3%,42%)`
HSV (or HSB)	61.7°, 98.1, 82.4
Web Safe	cccc00	`#cccc00`

CIE-LAB	81.259, -21.128, 80.681
XYZ	47.97, 58.94, 8.964
xyY	0.414, 0.509, 58.94
CIE-LCH	81.259, 83.401, 104.674
CIE-LUV	81.259, 2.38, 89.604
Hunter-Lab	76.772, -22.818, 46.818
Binary	11001100, 11010010, 00000100

#ccd204
```
#ccd204 rgb(204,210,4)
```
#0a04d2
```
#0a04d2 rgb(10,4,210)
```

Complementary Color

#d27104
```
#d27104 rgb(210,113,4)
```
#ccd204
```
#ccd204 rgb(204,210,4)
```
#65d204
```
#65d204 rgb(101,210,4)
```

Analogous Color

#7104d2
```
#7104d2 rgb(113,4,210)
```
#ccd204
```
#ccd204 rgb(204,210,4)
```
#0465d2
```
#0465d2 rgb(4,101,210)
```

Split Complementary Color

#d204cc
```
#d204cc rgb(210,4,204)
```
#ccd204
```
#ccd204 rgb(204,210,4)
```
#04ccd2
```
#04ccd2 rgb(4,204,210)
```

Triadic Color

#d20a04
```
#d20a04 rgb(210,10,4)
```
#ccd204
```
#ccd204 rgb(204,210,4)
```
#04ccd2
```
#04ccd2 rgb(4,204,210)
```
#0a04d2
```
#0a04d2 rgb(10,4,210)
```

Tetradic Color

#838703
```
#838703 rgb(131,135,3)
```
#9ba003
```
#9ba003 rgb(155,160,3)
```
#b4b904
```
#b4b904 rgb(180,185,4)
```
#ccd204
```
#ccd204 rgb(204,210,4)
```
#e4eb04
```
#e4eb04 rgb(228,235,4)
```
#f4fa0f
```
#f4fa0f rgb(244,250,15)
```
#f5fb28
```
#f5fb28 rgb(245,251,40)
```

Monochromatic Color

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

#d2a504
```
#d2a504 rgb(210,165,4)
```
#d2b604
```
#d2b604 rgb(210,182,4)
```
#d2c704
```
#d2c704 rgb(210,199,4)
```
#ccd204
```
#ccd204 rgb(204,210,4)
```
#bbd204
```
#bbd204 rgb(187,210,4)
```
#aad204
```
#aad204 rgb(170,210,4)
```
#99d204
```
#99d204 rgb(153,210,4)
```

Similar Colors

Text with hexadecimal color #ccd204

This text has a font color of #ccd204.

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

#ccd204 background color

This paragraph has a background color of #ccd204.

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

#ccd204 border color

This element has a border color of #ccd204.

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

CSS codes

.text {color:#ccd204;}

.background {background-color:#ccd204;}

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

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

#111200
```
#111200 rgb(17,18,0)
```
#242501
```
#242501 rgb(36,37,1)
```
#363801
```
#363801 rgb(54,56,1)
```
#494b01
```
#494b01 rgb(73,75,1)
```
#5c5f02
```
#5c5f02 rgb(92,95,2)
```
#6f7202
```
#6f7202 rgb(111,114,2)
```
#818503
```
#818503 rgb(129,133,3)
```
#949803
```
#949803 rgb(148,152,3)
```
#a7ac03
```
#a7ac03 rgb(167,172,3)
```
#b9bf04
```
#b9bf04 rgb(185,191,4)
```
#ccd204
```
#ccd204 rgb(204,210,4)
```
#dfe504
```
#dfe504 rgb(223,229,4)
```
#f1f805
```
#f1f805 rgb(241,248,5)
```

Shade Color Variation

#f4fb16
```
#f4fb16 rgb(244,251,22)
```
#f5fb2a
```
#f5fb2a rgb(245,251,42)
```
#f6fb3d
```
#f6fb3d rgb(246,251,61)
```
#f7fc50
```
#f7fc50 rgb(247,252,80)
```
#f8fc63
```
#f8fc63 rgb(248,252,99)
```
#f9fc77
```
#f9fc77 rgb(249,252,119)
```
#f9fd8a
```
#f9fd8a rgb(249,253,138)
```
#fafd9d
```
#fafd9d rgb(250,253,157)
```
#fbfeb0
```
#fbfeb0 rgb(251,254,176)
```
#fcfec4
```
#fcfec4 rgb(252,254,196)
```
#fdfed7
```
#fdfed7 rgb(253,254,215)
```
#feffea
```
#feffea rgb(254,255,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#6f6f67
```
#6f6f67 rgb(111,111,103)
```
#77775f
```
#77775f rgb(119,119,95)
```
#7e8056
```
#7e8056 rgb(126,128,86)
```
#86884e
```
#86884e rgb(134,136,78)
```
#8e9046
```
#8e9046 rgb(142,144,70)
```
#96983e
```
#96983e rgb(150,152,62)
```
#9da135
```
#9da135 rgb(157,161,53)
```
#a5a92d
```
#a5a92d rgb(165,169,45)
```
#adb125
```
#adb125 rgb(173,177,37)
```
#b5b91d
```
#b5b91d rgb(181,185,29)
```
#bcc214
```
#bcc214 rgb(188,194,20)
```
#c4ca0c
```
#c4ca0c rgb(196,202,12)
```
#ccd204
```
#ccd204 rgb(204,210,4)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#bdbe95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5cd06 Protanopia 1% of men
#ffc231 Deuteranopia 1% of men
#ddc6d4 Tritanopia 0.001% of the population

Trichromacy

#dcce05 Protanomaly 1% of men, 0.01% of women
#ecc821 Deuteranomaly 6% of men, 0.4% of women
#d7ca88 Tritanomaly 0.01% of the population

#ccd204 hex color

#ccd204 Color Information

#ccd204 Color Conversion

Color Schemes with #ccd204

Alternatives to #ccd204

#ccd204 Preview

Shades and Tints of #ccd204

Tones of #ccd204

Color Blindness Simulator