#ccf400 hex color

In a RGB color space, hex #ccf400 is composed of 80% red, 95.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 16.4% cyan, 0% magenta, 100% yellow and 4.3% black. It has a hue angle of 69.8 degrees, a saturation of 100% and a lightness of 47.8%. #ccf400 color hex could be obtained by blending #ffff00 with #99e900. Closest websafe color is: #ccff00.

♥
- f
- t
- g
- R 80
- G 96
- B 0
RGB color chart
- C 16
- M 0
- Y 100
- K 4
CMYK color chart

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

The hexadecimal color #ccf400 has RGB values of R:204, G:244, B:0 and CMYK values of C:0.16, M:0, Y:1, K:0.04. Its decimal value is 13431808.

Hex triplet	ccf400	`#ccf400`
RGB Decimal	204, 244, 0	`rgb(204,244,0)`
RGB Percent	80, 95.7, 0	`rgb(80%,95.7%,0%)`
CMYK	16, 0, 100, 4
HSL	69.8°, 100, 47.8	`hsl(69.8,100%,47.8%)`
HSV (or HSB)	69.8°, 100, 95.7
Web Safe	ccff00	`#ccff00`

CIE-LAB	90.569, -37.081, 87.983
XYZ	57.252, 77.538, 11.95
xyY	0.39, 0.528, 77.538
CIE-LCH	90.569, 95.477, 112.853
CIE-LUV	90.569, -18.29, 102.662
Hunter-Lab	88.056, -38.041, 53.593
Binary	11001100, 11110100, 00000000

#ccf400
```
#ccf400 rgb(204,244,0)
```
#2800f4
```
#2800f4 rgb(40,0,244)
```

Complementary Color

#f4a200
```
#f4a200 rgb(244,162,0)
```
#ccf400
```
#ccf400 rgb(204,244,0)
```
#52f400
```
#52f400 rgb(82,244,0)
```

Analogous Color

#a200f4
```
#a200f4 rgb(162,0,244)
```
#ccf400
```
#ccf400 rgb(204,244,0)
```
#0052f4
```
#0052f4 rgb(0,82,244)
```

Split Complementary Color

#f400cc
```
#f400cc rgb(244,0,204)
```
#ccf400
```
#ccf400 rgb(204,244,0)
```
#00ccf4
```
#00ccf4 rgb(0,204,244)
```

Triadic Color

#f42800
```
#f42800 rgb(244,40,0)
```
#ccf400
```
#ccf400 rgb(204,244,0)
```
#00ccf4
```
#00ccf4 rgb(0,204,244)
```
#2800f4
```
#2800f4 rgb(40,0,244)
```

Tetradic Color

#8ca800
```
#8ca800 rgb(140,168,0)
```
#a1c100
```
#a1c100 rgb(161,193,0)
```
#b7db00
```
#b7db00 rgb(183,219,0)
```
#ccf400
```
#ccf400 rgb(204,244,0)
```
#d8ff0f
```
#d8ff0f rgb(216,255,15)
```
#dcff28
```
#dcff28 rgb(220,255,40)
```
#e0ff42
```
#e0ff42 rgb(224,255,66)
```

Monochromatic Color

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

#f4df00
```
#f4df00 rgb(244,223,0)
```
#f4f300
```
#f4f300 rgb(244,243,0)
```
#e0f400
```
#e0f400 rgb(224,244,0)
```
#ccf400
```
#ccf400 rgb(204,244,0)
```
#b8f400
```
#b8f400 rgb(184,244,0)
```
#a3f400
```
#a3f400 rgb(163,244,0)
```
#8ff400
```
#8ff400 rgb(143,244,0)
```

Similar Colors

Text with hexadecimal color #ccf400

This text has a font color of #ccf400.

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

#ccf400 background color

This paragraph has a background color of #ccf400.

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

#ccf400 border color

This element has a border color of #ccf400.

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

CSS codes

.text {color:#ccf400;}

.background {background-color:#ccf400;}

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

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

#070900
```
#070900 rgb(7,9,0)
```
#181c00
```
#181c00 rgb(24,28,0)
```
#283000
```
#283000 rgb(40,48,0)
```
#384300
```
#384300 rgb(56,67,0)
```
#495700
```
#495700 rgb(73,87,0)
```
#596b00
```
#596b00 rgb(89,107,0)
```
#6a7e00
```
#6a7e00 rgb(106,126,0)
```
#7a9200
```
#7a9200 rgb(122,146,0)
```
#8aa600
```
#8aa600 rgb(138,166,0)
```
#9bb900
```
#9bb900 rgb(155,185,0)
```
#abcd00
```
#abcd00 rgb(171,205,0)
```
#bce000
```
#bce000 rgb(188,224,0)
```
#ccf400
```
#ccf400 rgb(204,244,0)
```

Shade Color Variation

#d7ff09
```
#d7ff09 rgb(215,255,9)
```
#daff1c
```
#daff1c rgb(218,255,28)
```
#ddff30
```
#ddff30 rgb(221,255,48)
```
#e0ff43
```
#e0ff43 rgb(224,255,67)
```
#e3ff57
```
#e3ff57 rgb(227,255,87)
```
#e7ff6b
```
#e7ff6b rgb(231,255,107)
```
#eaff7e
```
#eaff7e rgb(234,255,126)
```
#edff92
```
#edff92 rgb(237,255,146)
```
#f0ffa6
```
#f0ffa6 rgb(240,255,166)
```
#f4ffb9
```
#f4ffb9 rgb(244,255,185)
```
#f7ffcd
```
#f7ffcd rgb(247,255,205)
```
#faffe0
```
#faffe0 rgb(250,255,224)
```
#fdfff4
```
#fdfff4 rgb(253,255,244)
```

Tint Color Variation

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

#808371
```
#808371 rgb(128,131,113)
```
#878d67
```
#878d67 rgb(135,141,103)
```
#8d965e
```
#8d965e rgb(141,150,94)
```
#93a054
```
#93a054 rgb(147,160,84)
```
#9aa94b
```
#9aa94b rgb(154,169,75)
```
#a0b242
```
#a0b242 rgb(160,178,66)
```
#a6bc38
```
#a6bc38 rgb(166,188,56)
```
#acc52f
```
#acc52f rgb(172,197,47)
```
#b3ce26
```
#b3ce26 rgb(179,206,38)
```
#b9d81c
```
#b9d81c rgb(185,216,28)
```
#bfe113
```
#bfe113 rgb(191,225,19)
```
#c6eb09
```
#c6eb09 rgb(198,235,9)
```
#ccf400
```
#ccf400 rgb(204,244,0)
```

Tone Color Variation

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

Dichromacy

#ffe556 Protanopia 1% of men
#ffe0b9 Deuteranopia 1% of men
#e3e4f4 Tritanopia 0.001% of the population

Trichromacy

#ecea36 Protanomaly 1% of men, 0.01% of women
#ece775 Deuteranomaly 6% of men, 0.4% of women
#dbe99b Tritanomaly 0.01% of the population

#ccf400 hex color

#ccf400 Color Information

#ccf400 Color Conversion

Color Schemes with #ccf400

Alternatives to #ccf400

#ccf400 Preview

Shades and Tints of #ccf400

Tones of #ccf400

Color Blindness Simulator