#ccf204 hex color

In a RGB color space, hex #ccf204 is composed of 80% red, 94.9% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 0% magenta, 98.3% yellow and 5.1% black. It has a hue angle of 69.6 degrees, a saturation of 96.7% and a lightness of 48.2%. #ccf204 color hex could be obtained by blending #ffff08 with #99e500. Closest websafe color is: #ccff00.

♥
- f
- t
- g
- R 80
- G 95
- B 2
RGB color chart
- C 16
- M 0
- Y 98
- K 5
CMYK color chart

● #ccf204 color description : Vivid yellow.

The hexadecimal color #ccf204 has RGB values of R:204, G:242, B:4 and CMYK values of C:0.16, M:0, Y:0.98, K:0.05. Its decimal value is 13431300.

Hex triplet	ccf204	`#ccf204`
RGB Decimal	204, 242, 4	`rgb(204,242,4)`
RGB Percent	80, 94.9, 1.6	`rgb(80%,94.9%,1.6%)`
CMYK	16, 0, 98, 5
HSL	69.6°, 96.7, 48.2	`hsl(69.6,96.7%,48.2%)`
HSV (or HSB)	69.6°, 98.3, 94.9
Web Safe	ccff00	`#ccff00`

CIE-LAB	90.022, -36.145, 87.264
XYZ	56.675, 76.35, 11.866
xyY	0.391, 0.527, 76.35
CIE-LCH	90.022, 94.454, 112.499
CIE-LUV	90.022, -17.145, 101.728
Hunter-Lab	87.379, -37.134, 53.113
Binary	11001100, 11110010, 00000100

#ccf204
```
#ccf204 rgb(204,242,4)
```
#2a04f2
```
#2a04f2 rgb(42,4,242)
```

Complementary Color

#f2a104
```
#f2a104 rgb(242,161,4)
```
#ccf204
```
#ccf204 rgb(204,242,4)
```
#55f204
```
#55f204 rgb(85,242,4)
```

Analogous Color

#a104f2
```
#a104f2 rgb(161,4,242)
```
#ccf204
```
#ccf204 rgb(204,242,4)
```
#0455f2
```
#0455f2 rgb(4,85,242)
```

Split Complementary Color

#f204cc
```
#f204cc rgb(242,4,204)
```
#ccf204
```
#ccf204 rgb(204,242,4)
```
#04ccf2
```
#04ccf2 rgb(4,204,242)
```

Triadic Color

#f22a04
```
#f22a04 rgb(242,42,4)
```
#ccf204
```
#ccf204 rgb(204,242,4)
```
#04ccf2
```
#04ccf2 rgb(4,204,242)
```
#2a04f2
```
#2a04f2 rgb(42,4,242)
```

Tetradic Color

#8da703
```
#8da703 rgb(141,167,3)
```
#a2c003
```
#a2c003 rgb(162,192,3)
```
#b7d904
```
#b7d904 rgb(183,217,4)
```
#ccf204
```
#ccf204 rgb(204,242,4)
```
#d6fb14
```
#d6fb14 rgb(214,251,20)
```
#dbfc2d
```
#dbfc2d rgb(219,252,45)
```
#dffc47
```
#dffc47 rgb(223,252,71)
```

Monochromatic Color

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

#f2dd04
```
#f2dd04 rgb(242,221,4)
```
#f2f004
```
#f2f004 rgb(242,240,4)
```
#e0f204
```
#e0f204 rgb(224,242,4)
```
#ccf204
```
#ccf204 rgb(204,242,4)
```
#b8f204
```
#b8f204 rgb(184,242,4)
```
#a4f204
```
#a4f204 rgb(164,242,4)
```
#91f204
```
#91f204 rgb(145,242,4)
```

Similar Colors

Text with hexadecimal color #ccf204

This text has a font color of #ccf204.

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

#ccf204 background color

This paragraph has a background color of #ccf204.

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

#ccf204 border color

This element has a border color of #ccf204.

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

CSS codes

.text {color:#ccf204;}

.background {background-color:#ccf204;}

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

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, #090a00 is the darkest color, while #fdfff6 is the lightest one.

#090a00
```
#090a00 rgb(9,10,0)
```
#191e00
```
#191e00 rgb(25,30,0)
```
#293101
```
#293101 rgb(41,49,1)
```
#3a4401
```
#3a4401 rgb(58,68,1)
```
#4a5801
```
#4a5801 rgb(74,88,1)
```
#5a6b02
```
#5a6b02 rgb(90,107,2)
```
#6a7e02
```
#6a7e02 rgb(106,126,2)
```
#7b9202
```
#7b9202 rgb(123,146,2)
```
#8ba503
```
#8ba503 rgb(139,165,3)
```
#9bb803
```
#9bb803 rgb(155,184,3)
```
#abcb03
```
#abcb03 rgb(171,203,3)
```
#bcdf04
```
#bcdf04 rgb(188,223,4)
```
#ccf204
```
#ccf204 rgb(204,242,4)
```

Shade Color Variation

#d5fb0f
```
#d5fb0f rgb(213,251,15)
```
#d9fb22
```
#d9fb22 rgb(217,251,34)
```
#dcfc35
```
#dcfc35 rgb(220,252,53)
```
#dffc48
```
#dffc48 rgb(223,252,72)
```
#e3fc5c
```
#e3fc5c rgb(227,252,92)
```
#e6fd6f
```
#e6fd6f rgb(230,253,111)
```
#e9fd82
```
#e9fd82 rgb(233,253,130)
```
#edfd96
```
#edfd96 rgb(237,253,150)
```
#f0fea9
```
#f0fea9 rgb(240,254,169)
```
#f3febc
```
#f3febc rgb(243,254,188)
```
#f7fed0
```
#f7fed0 rgb(247,254,208)
```
#faffe3
```
#faffe3 rgb(250,255,227)
```
#fdfff6
```
#fdfff6 rgb(253,255,246)
```

Tint Color Variation

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

#7f8076
```
#7f8076 rgb(127,128,118)
```
#858a6c
```
#858a6c rgb(133,138,108)
```
#8c9363
```
#8c9363 rgb(140,147,99)
```
#929d59
```
#929d59 rgb(146,157,89)
```
#98a650
```
#98a650 rgb(152,166,80)
```
#9fb046
```
#9fb046 rgb(159,176,70)
```
#a5b93d
```
#a5b93d rgb(165,185,61)
```
#acc333
```
#acc333 rgb(172,195,51)
```
#b2cc2a
```
#b2cc2a rgb(178,204,42)
```
#b9d620
```
#b9d620 rgb(185,214,32)
```
#bfdf17
```
#bfdf17 rgb(191,223,23)
```
#c6e90d
```
#c6e90d rgb(198,233,13)
```
#ccf204
```
#ccf204 rgb(204,242,4)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#ccd4a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe437 Protanopia 1% of men
#ffdfb4 Deuteranopia 1% of men
#e3e2f2 Tritanopia 0.001% of the population

Trichromacy

#ece924 Protanomaly 1% of men, 0.01% of women
#ece674 Deuteranomaly 6% of men, 0.4% of women
#dae89b Tritanomaly 0.01% of the population

#ccf204 hex color

#ccf204 Color Information

#ccf204 Color Conversion

Color Schemes with #ccf204

Alternatives to #ccf204

#ccf204 Preview

Shades and Tints of #ccf204

Tones of #ccf204

Color Blindness Simulator