#ccf01c hex color

In a RGB color space, hex #ccf01c is composed of 80% red, 94.1% green and 11% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 88.3% yellow and 5.9% black. It has a hue angle of 70.2 degrees, a saturation of 87.6% and a lightness of 52.5%. #ccf01c color hex could be obtained by blending #ffff38 with #99e100. Closest websafe color is: #ccff33.

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

● #ccf01c color description : Vivid yellow.

The hexadecimal color #ccf01c has RGB values of R:204, G:240, B:28 and CMYK values of C:0.15, M:0, Y:0.88, K:0.06. Its decimal value is 13430812.

Hex triplet	ccf01c	`#ccf01c`
RGB Decimal	204, 240, 28	`rgb(204,240,28)`
RGB Percent	80, 94.1, 11	`rgb(80%,94.1%,11%)`
CMYK	15, 0, 88, 6
HSL	70.2°, 87.6, 52.5	`hsl(70.2,87.6%,52.5%)`
HSV (or HSB)	70.2°, 88.3, 94.1
Web Safe	ccff33	`#ccff33`

CIE-LAB	89.506, -34.925, 84.298
XYZ	56.271, 75.241, 12.657
xyY	0.39, 0.522, 75.241
CIE-LCH	89.506, 91.246, 112.504
CIE-LUV	89.506, -16.029, 99.396
Hunter-Lab	86.742, -36.001, 52.068
Binary	11001100, 11110000, 00011100

#ccf01c
```
#ccf01c rgb(204,240,28)
```
#401cf0
```
#401cf0 rgb(64,28,240)
```

Complementary Color

#f0aa1c
```
#f0aa1c rgb(240,170,28)
```
#ccf01c
```
#ccf01c rgb(204,240,28)
```
#62f01c
```
#62f01c rgb(98,240,28)
```

Analogous Color

#aa1cf0
```
#aa1cf0 rgb(170,28,240)
```
#ccf01c
```
#ccf01c rgb(204,240,28)
```
#1c62f0
```
#1c62f0 rgb(28,98,240)
```

Split Complementary Color

#f01ccc
```
#f01ccc rgb(240,28,204)
```
#ccf01c
```
#ccf01c rgb(204,240,28)
```
#1cccf0
```
#1cccf0 rgb(28,204,240)
```

Triadic Color

#f0401c
```
#f0401c rgb(240,64,28)
```
#ccf01c
```
#ccf01c rgb(204,240,28)
```
#1cccf0
```
#1cccf0 rgb(28,204,240)
```
#401cf0
```
#401cf0 rgb(64,28,240)
```

Tetradic Color

#97b40c
```
#97b40c rgb(151,180,12)
```
#abcc0d
```
#abcc0d rgb(171,204,13)
```
#bfe30f
```
#bfe30f rgb(191,227,15)
```
#ccf01c
```
#ccf01c rgb(204,240,28)
```
#d1f234
```
#d1f234 rgb(209,242,52)
```
#d7f34c
```
#d7f34c rgb(215,243,76)
```
#dcf564
```
#dcf564 rgb(220,245,100)
```

Monochromatic Color

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

#f0df1c
```
#f0df1c rgb(240,223,28)
```
#eff01c
```
#eff01c rgb(239,240,28)
```
#def01c
```
#def01c rgb(222,240,28)
```
#ccf01c
```
#ccf01c rgb(204,240,28)
```
#baf01c
```
#baf01c rgb(186,240,28)
```
#a9f01c
```
#a9f01c rgb(169,240,28)
```
#97f01c
```
#97f01c rgb(151,240,28)
```

Similar Colors

Text with hexadecimal color #ccf01c

This text has a font color of #ccf01c.

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

#ccf01c background color

This paragraph has a background color of #ccf01c.

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

#ccf01c border color

This element has a border color of #ccf01c.

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

CSS codes

.text {color:#ccf01c;}

.background {background-color:#ccf01c;}

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

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, #0a0c01 is the darkest color, while #fefff9 is the lightest one.

#0a0c01
```
#0a0c01 rgb(10,12,1)
```
#1a1f02
```
#1a1f02 rgb(26,31,2)
```
#293103
```
#293103 rgb(41,49,3)
```
#394304
```
#394304 rgb(57,67,4)
```
#485606
```
#485606 rgb(72,86,6)
```
#586807
```
#586807 rgb(88,104,7)
```
#677b08
```
#677b08 rgb(103,123,8)
```
#778d09
```
#778d09 rgb(119,141,9)
```
#869f0b
```
#869f0b rgb(134,159,11)
```
#96b20c
```
#96b20c rgb(150,178,12)
```
#a5c40d
```
#a5c40d rgb(165,196,13)
```
#b5d70e
```
#b5d70e rgb(181,215,14)
```
#c4e90f
```
#c4e90f rgb(196,233,15)
```

Shade Color Variation

#ccf01c
```
#ccf01c rgb(204,240,28)
```
#d0f12e
```
#d0f12e rgb(208,241,46)
```
#d4f241
```
#d4f241 rgb(212,242,65)
```
#d8f453
```
#d8f453 rgb(216,244,83)
```
#ddf566
```
#ddf566 rgb(221,245,102)
```
#e1f678
```
#e1f678 rgb(225,246,120)
```
#e5f78a
```
#e5f78a rgb(229,247,138)
```
#e9f99d
```
#e9f99d rgb(233,249,157)
```
#edfaaf
```
#edfaaf rgb(237,250,175)
```
#f1fbc2
```
#f1fbc2 rgb(241,251,194)
```
#f5fcd4
```
#f5fcd4 rgb(245,252,212)
```
#f9fde6
```
#f9fde6 rgb(249,253,230)
```
#fefff9
```
#fefff9 rgb(254,255,249)
```

Tint Color Variation

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

#888a82
```
#888a82 rgb(136,138,130)
```
#8f9379
```
#8f9379 rgb(143,147,121)
```
#959c70
```
#959c70 rgb(149,156,112)
```
#9ba666
```
#9ba666 rgb(155,166,102)
```
#a1af5d
```
#a1af5d rgb(161,175,93)
```
#a7b854
```
#a7b854 rgb(167,184,84)
```
#adc14b
```
#adc14b rgb(173,193,75)
```
#b3cb41
```
#b3cb41 rgb(179,203,65)
```
#bad438
```
#bad438 rgb(186,212,56)
```
#c0dd2f
```
#c0dd2f rgb(192,221,47)
```
#c6e725
```
#c6e725 rgb(198,231,37)
```
#ccf01c
```
#ccf01c rgb(204,240,28)
```
#d2f913
```
#d2f913 rgb(210,249,19)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#cdd4aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#fee323 Protanopia 1% of men
#ffddb0 Deuteranopia 1% of men
#e2e0f0 Tritanopia 0.001% of the population

Trichromacy

#ebe720 Protanomaly 1% of men, 0.01% of women
#ece47a Deuteranomaly 6% of men, 0.4% of women
#dae6a3 Tritanomaly 0.01% of the population

#ccf01c hex color

#ccf01c Color Information

#ccf01c Color Conversion

Color Schemes with #ccf01c

Alternatives to #ccf01c

#ccf01c Preview

Shades and Tints of #ccf01c

Tones of #ccf01c

Color Blindness Simulator