#ccf50e hex color

In a RGB color space, hex #ccf50e is composed of 80% red, 96.1% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 94.3% yellow and 3.9% black. It has a hue angle of 70.6 degrees, a saturation of 92% and a lightness of 50.8%. #ccf50e color hex could be obtained by blending #ffff1c with #99eb00. Closest websafe color is: #ccff00.

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

● #ccf50e color description : Vivid yellow.

The hexadecimal color #ccf50e has RGB values of R:204, G:245, B:14 and CMYK values of C:0.17, M:0, Y:0.94, K:0.04. Its decimal value is 13432078.

Hex triplet	ccf50e	`#ccf50e`
RGB Decimal	204, 245, 14	`rgb(204,245,14)`
RGB Percent	80, 96.1, 5.5	`rgb(80%,96.1%,5.5%)`
CMYK	17, 0, 94, 4
HSL	70.6°, 92, 50.8	`hsl(70.6,92%,50.8%)`
HSV (or HSB)	70.6°, 94.3, 96.1
Web Safe	ccff00	`#ccff00`

CIE-LAB	90.859, -37.397, 87.119
XYZ	57.633, 78.173, 12.468
xyY	0.389, 0.527, 78.173
CIE-LCH	90.859, 94.806, 113.232
CIE-LUV	90.859, -18.876, 102.384
Hunter-Lab	88.416, -38.374, 53.53
Binary	11001100, 11110101, 00001110

#ccf50e
```
#ccf50e rgb(204,245,14)
```
#370ef5
```
#370ef5 rgb(55,14,245)
```

Complementary Color

#f5ab0e
```
#f5ab0e rgb(245,171,14)
```
#ccf50e
```
#ccf50e rgb(204,245,14)
```
#59f50e
```
#59f50e rgb(89,245,14)
```

Analogous Color

#ab0ef5
```
#ab0ef5 rgb(171,14,245)
```
#ccf50e
```
#ccf50e rgb(204,245,14)
```
#0e59f5
```
#0e59f5 rgb(14,89,245)
```

Split Complementary Color

#f50ecc
```
#f50ecc rgb(245,14,204)
```
#ccf50e
```
#ccf50e rgb(204,245,14)
```
#0eccf5
```
#0eccf5 rgb(14,204,245)
```

Triadic Color

#f5370e
```
#f5370e rgb(245,55,14)
```
#ccf50e
```
#ccf50e rgb(204,245,14)
```
#0eccf5
```
#0eccf5 rgb(14,204,245)
```
#370ef5
```
#370ef5 rgb(55,14,245)
```

Tetradic Color

#91af07
```
#91af07 rgb(145,175,7)
```
#a6c808
```
#a6c808 rgb(166,200,8)
```
#bae009
```
#bae009 rgb(186,224,9)
```
#ccf50e
```
#ccf50e rgb(204,245,14)
```
#d1f626
```
#d1f626 rgb(209,246,38)
```
#d6f73f
```
#d6f73f rgb(214,247,63)
```
#dcf857
```
#dcf857 rgb(220,248,87)
```

Monochromatic Color

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

#f5e40e
```
#f5e40e rgb(245,228,14)
```
#f3f50e
```
#f3f50e rgb(243,245,14)
```
#dff50e
```
#dff50e rgb(223,245,14)
```
#ccf50e
```
#ccf50e rgb(204,245,14)
```
#b9f50e
```
#b9f50e rgb(185,245,14)
```
#a6f50e
```
#a6f50e rgb(166,245,14)
```
#92f50e
```
#92f50e rgb(146,245,14)
```

Similar Colors

Text with hexadecimal color #ccf50e

This text has a font color of #ccf50e.

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

#ccf50e background color

This paragraph has a background color of #ccf50e.

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

#ccf50e border color

This element has a border color of #ccf50e.

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

CSS codes

.text {color:#ccf50e;}

.background {background-color:#ccf50e;}

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

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

#030400
```
#030400 rgb(3,4,0)
```
#131701
```
#131701 rgb(19,23,1)
```
#222a02
```
#222a02 rgb(34,42,2)
```
#323c03
```
#323c03 rgb(50,60,3)
```
#424f03
```
#424f03 rgb(66,79,3)
```
#516204
```
#516204 rgb(81,98,4)
```
#617505
```
#617505 rgb(97,117,5)
```
#718806
```
#718806 rgb(113,136,6)
```
#809b06
```
#809b06 rgb(128,155,6)
```
#90ad07
```
#90ad07 rgb(144,173,7)
```
#9fc008
```
#9fc008 rgb(159,192,8)
```
#afd309
```
#afd309 rgb(175,211,9)
```
#bfe60a
```
#bfe60a rgb(191,230,10)
```

Shade Color Variation

#ccf50e
```
#ccf50e rgb(204,245,14)
```
#d0f621
```
#d0f621 rgb(208,246,33)
```
#d4f734
```
#d4f734 rgb(212,247,52)
```
#d8f747
```
#d8f747 rgb(216,247,71)
```
#dcf859
```
#dcf859 rgb(220,248,89)
```
#e0f96c
```
#e0f96c rgb(224,249,108)
```
#e4fa7f
```
#e4fa7f rgb(228,250,127)
```
#e8fa92
```
#e8fa92 rgb(232,250,146)
```
#ecfba5
```
#ecfba5 rgb(236,251,165)
```
#f0fcb8
```
#f0fcb8 rgb(240,252,184)
```
#f4fdca
```
#f4fdca rgb(244,253,202)
```
#f8fedd
```
#f8fedd rgb(248,254,221)
```
#fcfef0
```
#fcfef0 rgb(252,254,240)
```

Tint Color Variation

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

#888b78
```
#888b78 rgb(136,139,120)
```
#8e946f
```
#8e946f rgb(142,148,111)
```
#949e65
```
#949e65 rgb(148,158,101)
```
#9aa85b
```
#9aa85b rgb(154,168,91)
```
#a0b152
```
#a0b152 rgb(160,177,82)
```
#a7bb48
```
#a7bb48 rgb(167,187,72)
```
#adc53e
```
#adc53e rgb(173,197,62)
```
#b3ce35
```
#b3ce35 rgb(179,206,53)
```
#b9d82b
```
#b9d82b rgb(185,216,43)
```
#c0e221
```
#c0e221 rgb(192,226,33)
```
#c6eb18
```
#c6eb18 rgb(198,235,24)
```
#ccf50e
```
#ccf50e rgb(204,245,14)
```
#d2ff04
```
#d2ff04 rgb(210,255,4)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#ced6a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe662 Protanopia 1% of men
#ffe1bb Deuteranopia 1% of men
#e3e5f5 Tritanopia 0.001% of the population

Trichromacy

#eceb43 Protanomaly 1% of men, 0.01% of women
#ece87c Deuteranomaly 6% of men, 0.4% of women
#dbeaa1 Tritanomaly 0.01% of the population

#ccf50e hex color

#ccf50e Color Information

#ccf50e Color Conversion

Color Schemes with #ccf50e

Alternatives to #ccf50e

#ccf50e Preview

Shades and Tints of #ccf50e

Tones of #ccf50e

Color Blindness Simulator