#ccf04e hex color

In a RGB color space, hex #ccf04e is composed of 80% red, 94.1% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 67.5% yellow and 5.9% black. It has a hue angle of 73.3 degrees, a saturation of 84.4% and a lightness of 62.4%. #ccf04e color hex could be obtained by blending #ffff9c with #99e100. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 80
- G 94
- B 31
RGB color chart
- C 15
- M 0
- Y 68
- K 6
CMYK color chart

● #ccf04e color description : Soft yellow.

The hexadecimal color #ccf04e has RGB values of R:204, G:240, B:78 and CMYK values of C:0.15, M:0, Y:0.68, K:0.06. Its decimal value is 13430862.

Hex triplet	ccf04e	`#ccf04e`
RGB Decimal	204, 240, 78	`rgb(204,240,78)`
RGB Percent	80, 94.1, 30.6	`rgb(80%,94.1%,30.6%)`
CMYK	15, 0, 68, 6
HSL	73.3°, 84.4, 62.4	`hsl(73.3,84.4%,62.4%)`
HSV (or HSB)	73.3°, 67.5, 94.1
Web Safe	ccff66	`#ccff66`

CIE-LAB	89.723, -32.983, 70.924
XYZ	57.436, 75.707, 18.794
xyY	0.378, 0.498, 75.707
CIE-LCH	89.723, 78.218, 114.941
CIE-LUV	89.723, -16.282, 89.819
Hunter-Lab	87.01, -34.437, 48.1
Binary	11001100, 11110000, 01001110

#ccf04e
```
#ccf04e rgb(204,240,78)
```
#724ef0
```
#724ef0 rgb(114,78,240)
```

Complementary Color

#f0c34e
```
#f0c34e rgb(240,195,78)
```
#ccf04e
```
#ccf04e rgb(204,240,78)
```
#7bf04e
```
#7bf04e rgb(123,240,78)
```

Analogous Color

#c34ef0
```
#c34ef0 rgb(195,78,240)
```
#ccf04e
```
#ccf04e rgb(204,240,78)
```
#4e7bf0
```
#4e7bf0 rgb(78,123,240)
```

Split Complementary Color

#f04ecc
```
#f04ecc rgb(240,78,204)
```
#ccf04e
```
#ccf04e rgb(204,240,78)
```
#4eccf0
```
#4eccf0 rgb(78,204,240)
```

Triadic Color

#f0724e
```
#f0724e rgb(240,114,78)
```
#ccf04e
```
#ccf04e rgb(204,240,78)
```
#4eccf0
```
#4eccf0 rgb(78,204,240)
```
#724ef0
```
#724ef0 rgb(114,78,240)
```

Tetradic Color

#b1df13
```
#b1df13 rgb(177,223,19)
```
#beec1f
```
#beec1f rgb(190,236,31)
```
#c5ee36
```
#c5ee36 rgb(197,238,54)
```
#ccf04e
```
#ccf04e rgb(204,240,78)
```
#d3f266
```
#d3f266 rgb(211,242,102)
```
#daf47d
```
#daf47d rgb(218,244,125)
```
#e0f695
```
#e0f695 rgb(224,246,149)
```

Monochromatic Color

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

#f0ec4e
```
#f0ec4e rgb(240,236,78)
```
#e7f04e
```
#e7f04e rgb(231,240,78)
```
#daf04e
```
#daf04e rgb(218,240,78)
```
#ccf04e
```
#ccf04e rgb(204,240,78)
```
#bff04e
```
#bff04e rgb(191,240,78)
```
#b1f04e
```
#b1f04e rgb(177,240,78)
```
#a4f04e
```
#a4f04e rgb(164,240,78)
```

Similar Colors

Text with hexadecimal color #ccf04e

This text has a font color of #ccf04e.

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

#ccf04e background color

This paragraph has a background color of #ccf04e.

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

#ccf04e border color

This element has a border color of #ccf04e.

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

CSS codes

.text {color:#ccf04e;}

.background {background-color:#ccf04e;}

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

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 #fbfef1 is the lightest one.

#030400
```
#030400 rgb(3,4,0)
```
#111602
```
#111602 rgb(17,22,2)
```
#202803
```
#202803 rgb(32,40,3)
```
#2e3a05
```
#2e3a05 rgb(46,58,5)
```
#3d4c06
```
#3d4c06 rgb(61,76,6)
```
#4b5e08
```
#4b5e08 rgb(75,94,8)
```
#59700a
```
#59700a rgb(89,112,10)
```
#68820b
```
#68820b rgb(104,130,11)
```
#76940d
```
#76940d rgb(118,148,13)
```
#85a70e
```
#85a70e rgb(133,167,14)
```
#93b910
```
#93b910 rgb(147,185,16)
```
#a2cb11
```
#a2cb11 rgb(162,203,17)
```
#b0dd13
```
#b0dd13 rgb(176,221,19)
```

Shade Color Variation

#bceb18
```
#bceb18 rgb(188,235,24)
```
#c2ed2a
```
#c2ed2a rgb(194,237,42)
```
#c7ee3c
```
#c7ee3c rgb(199,238,60)
```
#ccf04e
```
#ccf04e rgb(204,240,78)
```
#d1f260
```
#d1f260 rgb(209,242,96)
```
#d6f372
```
#d6f372 rgb(214,243,114)
```
#dcf584
```
#dcf584 rgb(220,245,132)
```
#e1f696
```
#e1f696 rgb(225,246,150)
```
#e6f8a8
```
#e6f8a8 rgb(230,248,168)
```
#ebf9ba
```
#ebf9ba rgb(235,249,186)
```
#f0fbcd
```
#f0fbcd rgb(240,251,205)
```
#f6fcdf
```
#f6fcdf rgb(246,252,223)
```
#fbfef1
```
#fbfef1 rgb(251,254,241)
```

Tint Color Variation

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

#a3a698
```
#a3a698 rgb(163,166,152)
```
#a7ae90
```
#a7ae90 rgb(167,174,144)
```
#abb589
```
#abb589 rgb(171,181,137)
```
#afbc82
```
#afbc82 rgb(175,188,130)
```
#b3c47a
```
#b3c47a rgb(179,196,122)
```
#b7cb73
```
#b7cb73 rgb(183,203,115)
```
#bcd26c
```
#bcd26c rgb(188,210,108)
```
#c0da64
```
#c0da64 rgb(192,218,100)
```
#c4e15d
```
#c4e15d rgb(196,225,93)
```
#c8e955
```
#c8e955 rgb(200,233,85)
```
#ccf04e
```
#ccf04e rgb(204,240,78)
```
#d0f747
```
#d0f747 rgb(208,247,71)
```
#d4ff3f
```
#d4ff3f rgb(212,255,63)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#d2d9b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fce353 Protanopia 1% of men
#ffdeb4 Deuteranopia 1% of men
#e1e1f2 Tritanopia 0.001% of the population

Trichromacy

#ebe851 Protanomaly 1% of men, 0.01% of women
#ece48e Deuteranomaly 6% of men, 0.4% of women
#d9e7b6 Tritanomaly 0.01% of the population

#ccf04e hex color

#ccf04e Color Information

#ccf04e Color Conversion

Color Schemes with #ccf04e

Alternatives to #ccf04e

#ccf04e Preview

Shades and Tints of #ccf04e

Tones of #ccf04e

Color Blindness Simulator