#ccf80c hex color

In a RGB color space, hex #ccf80c is composed of 80% red, 97.3% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 0% magenta, 95.2% yellow and 2.7% black. It has a hue angle of 71.2 degrees, a saturation of 94.4% and a lightness of 51%. #ccf80c color hex could be obtained by blending #ffff18 with #99f100. Closest websafe color is: #ccff00.

♥
- f
- t
- g
- R 80
- G 97
- B 5
RGB color chart
- C 18
- M 0
- Y 95
- K 3
CMYK color chart

● #ccf80c color description : Vivid yellow.

The hexadecimal color #ccf80c has RGB values of R:204, G:248, B:12 and CMYK values of C:0.18, M:0, Y:0.95, K:0.03. Its decimal value is 13432844.

Hex triplet	ccf80c	`#ccf80c`
RGB Decimal	204, 248, 12	`rgb(204,248,12)`
RGB Percent	80, 97.3, 4.7	`rgb(80%,97.3%,4.7%)`
CMYK	18, 0, 95, 3
HSL	71.2°, 94.4, 51	`hsl(71.2,94.4%,51%)`
HSV (or HSB)	71.2°, 95.2, 97.3
Web Safe	ccff00	`#ccff00`

CIE-LAB	91.684, -38.757, 87.93
XYZ	58.535, 79.998, 12.705
xyY	0.387, 0.529, 79.998
CIE-LCH	91.684, 96.092, 113.786
CIE-LUV	91.684, -20.575, 103.622
Hunter-Lab	89.442, -39.704, 54.187
Binary	11001100, 11111000, 00001100

#ccf80c
```
#ccf80c rgb(204,248,12)
```
#380cf8
```
#380cf8 rgb(56,12,248)
```

Complementary Color

#f8ae0c
```
#f8ae0c rgb(248,174,12)
```
#ccf80c
```
#ccf80c rgb(204,248,12)
```
#56f80c
```
#56f80c rgb(86,248,12)
```

Analogous Color

#ae0cf8
```
#ae0cf8 rgb(174,12,248)
```
#ccf80c
```
#ccf80c rgb(204,248,12)
```
#0c56f8
```
#0c56f8 rgb(12,86,248)
```

Split Complementary Color

#f80ccc
```
#f80ccc rgb(248,12,204)
```
#ccf80c
```
#ccf80c rgb(204,248,12)
```
#0cccf8
```
#0cccf8 rgb(12,204,248)
```

Triadic Color

#f8380c
```
#f8380c rgb(248,56,12)
```
#ccf80c
```
#ccf80c rgb(204,248,12)
```
#0cccf8
```
#0cccf8 rgb(12,204,248)
```
#380cf8
```
#380cf8 rgb(56,12,248)
```

Tetradic Color

#92b205
```
#92b205 rgb(146,178,5)
```
#a6cb06
```
#a6cb06 rgb(166,203,6)
```
#bbe407
```
#bbe407 rgb(187,228,7)
```
#ccf80c
```
#ccf80c rgb(204,248,12)
```
#d1f925
```
#d1f925 rgb(209,249,37)
```
#d6f93e
```
#d6f93e rgb(214,249,62)
```
#dcfa56
```
#dcfa56 rgb(220,250,86)
```

Monochromatic Color

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

#f8e90c
```
#f8e90c rgb(248,233,12)
```
#f3f80c
```
#f3f80c rgb(243,248,12)
```
#e0f80c
```
#e0f80c rgb(224,248,12)
```
#ccf80c
```
#ccf80c rgb(204,248,12)
```
#b8f80c
```
#b8f80c rgb(184,248,12)
```
#a5f80c
```
#a5f80c rgb(165,248,12)
```
#91f80c
```
#91f80c rgb(145,248,12)
```

Similar Colors

Text with hexadecimal color #ccf80c

This text has a font color of #ccf80c.

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

#ccf80c background color

This paragraph has a background color of #ccf80c.

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

#ccf80c border color

This element has a border color of #ccf80c.

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

CSS codes

.text {color:#ccf80c;}

.background {background-color:#ccf80c;}

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

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

#040500
```
#040500 rgb(4,5,0)
```
#141801
```
#141801 rgb(20,24,1)
```
#232b01
```
#232b01 rgb(35,43,1)
```
#333e02
```
#333e02 rgb(51,62,2)
```
#425102
```
#425102 rgb(66,81,2)
```
#526403
```
#526403 rgb(82,100,3)
```
#627703
```
#627703 rgb(98,119,3)
```
#718a04
```
#718a04 rgb(113,138,4)
```
#819d05
```
#819d05 rgb(129,157,5)
```
#91b005
```
#91b005 rgb(145,176,5)
```
#a0c406
```
#a0c406 rgb(160,196,6)
```
#b0d706
```
#b0d706 rgb(176,215,6)
```
#bfea07
```
#bfea07 rgb(191,234,7)
```

Shade Color Variation

#ccf80c
```
#ccf80c rgb(204,248,12)
```
#d0f91f
```
#d0f91f rgb(208,249,31)
```
#d4f932
```
#d4f932 rgb(212,249,50)
```
#d8fa45
```
#d8fa45 rgb(216,250,69)
```
#dcfa58
```
#dcfa58 rgb(220,250,88)
```
#e0fb6b
```
#e0fb6b rgb(224,251,107)
```
#e4fb7e
```
#e4fb7e rgb(228,251,126)
```
#e8fc91
```
#e8fc91 rgb(232,252,145)
```
#ecfca5
```
#ecfca5 rgb(236,252,165)
```
#f0fdb8
```
#f0fdb8 rgb(240,253,184)
```
#f4fdcb
```
#f4fdcb rgb(244,253,203)
```
#f8fede
```
#f8fede rgb(248,254,222)
```
#fcfff1
```
#fcfff1 rgb(252,255,241)
```

Tint Color Variation

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

#84857f
```
#84857f rgb(132,133,127)
```
#8a8e76
```
#8a8e76 rgb(138,142,118)
```
#90986c
```
#90986c rgb(144,152,108)
```
#96a163
```
#96a163 rgb(150,161,99)
```
#9cab59
```
#9cab59 rgb(156,171,89)
```
#a2b54f
```
#a2b54f rgb(162,181,79)
```
#a8be46
```
#a8be46 rgb(168,190,70)
```
#aec83c
```
#aec83c rgb(174,200,60)
```
#b4d232
```
#b4d232 rgb(180,210,50)
```
#badb29
```
#badb29 rgb(186,219,41)
```
#c0e51f
```
#c0e51f rgb(192,229,31)
```
#c6ee16
```
#c6ee16 rgb(198,238,22)
```
#ccf80c
```
#ccf80c rgb(204,248,12)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#cfd8a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe87b Protanopia 1% of men
#ffe4c2 Deuteranopia 1% of men
#e4e7f8 Tritanopia 0.001% of the population

Trichromacy

#ecee53 Protanomaly 1% of men, 0.01% of women
#eceb80 Deuteranomaly 6% of men, 0.4% of women
#dbeda2 Tritanomaly 0.01% of the population

#ccf80c hex color

#ccf80c Color Information

#ccf80c Color Conversion

Color Schemes with #ccf80c

Alternatives to #ccf80c

#ccf80c Preview

Shades and Tints of #ccf80c

Tones of #ccf80c

Color Blindness Simulator