#ccf014 hex color

In a RGB color space, hex #ccf014 is composed of 80% red, 94.1% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 91.7% yellow and 5.9% black. It has a hue angle of 69.8 degrees, a saturation of 88% and a lightness of 51%. #ccf014 color hex could be obtained by blending #ffff28 with #99e100. Closest websafe color is: #ccff00.

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

● #ccf014 color description : Vivid yellow.

The hexadecimal color #ccf014 has RGB values of R:204, G:240, B:20 and CMYK values of C:0.15, M:0, Y:0.92, K:0.06. Its decimal value is 13430804.

Hex triplet	ccf014	`#ccf014`
RGB Decimal	204, 240, 20	`rgb(204,240,20)`
RGB Percent	80, 94.1, 7.8	`rgb(80%,94.1%,7.8%)`
CMYK	15, 0, 92, 6
HSL	69.8°, 88, 51	`hsl(69.8,88%,51%)`
HSV (or HSB)	69.8°, 91.7, 94.1
Web Safe	ccff00	`#ccff00`

CIE-LAB	89.49, -35.065, 85.412
XYZ	56.188, 75.208, 12.218
xyY	0.391, 0.524, 75.208
CIE-LCH	89.49, 92.33, 112.32
CIE-LUV	89.49, -16.011, 100.096
Hunter-Lab	86.722, -36.113, 52.352
Binary	11001100, 11110000, 00010100

#ccf014
```
#ccf014 rgb(204,240,20)
```
#3814f0
```
#3814f0 rgb(56,20,240)
```

Complementary Color

#f0a614
```
#f0a614 rgb(240,166,20)
```
#ccf014
```
#ccf014 rgb(204,240,20)
```
#5ef014
```
#5ef014 rgb(94,240,20)
```

Analogous Color

#a614f0
```
#a614f0 rgb(166,20,240)
```
#ccf014
```
#ccf014 rgb(204,240,20)
```
#145ef0
```
#145ef0 rgb(20,94,240)
```

Split Complementary Color

#f014cc
```
#f014cc rgb(240,20,204)
```
#ccf014
```
#ccf014 rgb(204,240,20)
```
#14ccf0
```
#14ccf0 rgb(20,204,240)
```

Triadic Color

#f03814
```
#f03814 rgb(240,56,20)
```
#ccf014
```
#ccf014 rgb(204,240,20)
```
#14ccf0
```
#14ccf0 rgb(20,204,240)
```
#3814f0
```
#3814f0 rgb(56,20,240)
```

Tetradic Color

#92ac0b
```
#92ac0b rgb(146,172,11)
```
#a6c40d
```
#a6c40d rgb(166,196,13)
```
#bbdc0e
```
#bbdc0e rgb(187,220,14)
```
#ccf014
```
#ccf014 rgb(204,240,20)
```
#d1f22c
```
#d1f22c rgb(209,242,44)
```
#d6f344
```
#d6f344 rgb(214,243,68)
```
#dcf55c
```
#dcf55c rgb(220,245,92)
```

Monochromatic Color

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

#f0dd14
```
#f0dd14 rgb(240,221,20)
```
#f0ef14
```
#f0ef14 rgb(240,239,20)
```
#def014
```
#def014 rgb(222,240,20)
```
#ccf014
```
#ccf014 rgb(204,240,20)
```
#baf014
```
#baf014 rgb(186,240,20)
```
#a7f014
```
#a7f014 rgb(167,240,20)
```
#95f014
```
#95f014 rgb(149,240,20)
```

Similar Colors

Text with hexadecimal color #ccf014

This text has a font color of #ccf014.

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

#ccf014 background color

This paragraph has a background color of #ccf014.

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

#ccf014 border color

This element has a border color of #ccf014.

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

CSS codes

.text {color:#ccf014;}

.background {background-color:#ccf014;}

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

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

#040500
```
#040500 rgb(4,5,0)
```
#141701
```
#141701 rgb(20,23,1)
```
#232a03
```
#232a03 rgb(35,42,3)
```
#333c04
```
#333c04 rgb(51,60,4)
```
#424e05
```
#424e05 rgb(66,78,5)
```
#526106
```
#526106 rgb(82,97,6)
```
#627307
```
#627307 rgb(98,115,7)
```
#718609
```
#718609 rgb(113,134,9)
```
#81980a
```
#81980a rgb(129,152,10)
```
#91ab0b
```
#91ab0b rgb(145,171,11)
```
#a0bd0c
```
#a0bd0c rgb(160,189,12)
```
#b0d00d
```
#b0d00d rgb(176,208,13)
```
#bfe20e
```
#bfe20e rgb(191,226,14)
```

Shade Color Variation

#ccf014
```
#ccf014 rgb(204,240,20)
```
#d0f126
```
#d0f126 rgb(208,241,38)
```
#d4f239
```
#d4f239 rgb(212,242,57)
```
#d8f44b
```
#d8f44b rgb(216,244,75)
```
#dcf55e
```
#dcf55e rgb(220,245,94)
```
#e0f670
```
#e0f670 rgb(224,246,112)
```
#e4f783
```
#e4f783 rgb(228,247,131)
```
#e8f895
```
#e8f895 rgb(232,248,149)
```
#ecf9a8
```
#ecf9a8 rgb(236,249,168)
```
#f0fbba
```
#f0fbba rgb(240,251,186)
```
#f4fccc
```
#f4fccc rgb(244,252,204)
```
#f8fddf
```
#f8fddf rgb(248,253,223)
```
#fcfef1
```
#fcfef1 rgb(252,254,241)
```

Tint Color Variation

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

#85867e
```
#85867e rgb(133,134,126)
```
#8b9074
```
#8b9074 rgb(139,144,116)
```
#92996b
```
#92996b rgb(146,153,107)
```
#98a361
```
#98a361 rgb(152,163,97)
```
#9fad57
```
#9fad57 rgb(159,173,87)
```
#a5b64e
```
#a5b64e rgb(165,182,78)
```
#acc044
```
#acc044 rgb(172,192,68)
```
#b2ca3a
```
#b2ca3a rgb(178,202,58)
```
#b9d331
```
#b9d331 rgb(185,211,49)
```
#bfdd27
```
#bfdd27 rgb(191,221,39)
```
#c6e61e
```
#c6e61e rgb(198,230,30)
```
#ccf014
```
#ccf014 rgb(204,240,20)
```
#d2fa0a
```
#d2fa0a rgb(210,250,10)
```

Tone Color Variation

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

Dichromacy

#fee21a Protanopia 1% of men
#ffddaf Deuteranopia 1% of men
#e2e0f0 Tritanopia 0.001% of the population

Trichromacy

#ebe718 Protanomaly 1% of men, 0.01% of women
#ece477 Deuteranomaly 6% of men, 0.4% of women
#dae6a0 Tritanomaly 0.01% of the population

#ccf014 hex color

#ccf014 Color Information

#ccf014 Color Conversion

Color Schemes with #ccf014

Alternatives to #ccf014

#ccf014 Preview

Shades and Tints of #ccf014

Tones of #ccf014

Color Blindness Simulator