#ccf00e hex color

In a RGB color space, hex #ccf00e is composed of 80% red, 94.1% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 94.2% yellow and 5.9% black. It has a hue angle of 69.6 degrees, a saturation of 89% and a lightness of 49.8%. #ccf00e color hex could be obtained by blending #ffff1c with #99e100. Closest websafe color is: #ccff00.

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

● #ccf00e color description : Vivid yellow.

The hexadecimal color #ccf00e has RGB values of R:204, G:240, B:14 and CMYK values of C:0.15, M:0, Y:0.94, K:0.06. Its decimal value is 13430798.

Hex triplet	ccf00e	`#ccf00e`
RGB Decimal	204, 240, 14	`rgb(204,240,14)`
RGB Percent	80, 94.1, 5.5	`rgb(80%,94.1%,5.5%)`
CMYK	15, 0, 94, 6
HSL	69.6°, 89, 49.8	`hsl(69.6,89%,49.8%)`
HSV (or HSB)	69.6°, 94.2, 94.1
Web Safe	ccff00	`#ccff00`

CIE-LAB	89.481, -35.144, 86.053
XYZ	56.141, 75.189, 11.971
xyY	0.392, 0.525, 75.189
CIE-LCH	89.481, 92.953, 112.215
CIE-LUV	89.481, -16, 100.491
Hunter-Lab	86.712, -36.177, 52.513
Binary	11001100, 11110000, 00001110

#ccf00e
```
#ccf00e rgb(204,240,14)
```
#320ef0
```
#320ef0 rgb(50,14,240)
```

Complementary Color

#f0a30e
```
#f0a30e rgb(240,163,14)
```
#ccf00e
```
#ccf00e rgb(204,240,14)
```
#5bf00e
```
#5bf00e rgb(91,240,14)
```

Analogous Color

#a30ef0
```
#a30ef0 rgb(163,14,240)
```
#ccf00e
```
#ccf00e rgb(204,240,14)
```
#0e5bf0
```
#0e5bf0 rgb(14,91,240)
```

Split Complementary Color

#f00ecc
```
#f00ecc rgb(240,14,204)
```
#ccf00e
```
#ccf00e rgb(204,240,14)
```
#0eccf0
```
#0eccf0 rgb(14,204,240)
```

Triadic Color

#f0320e
```
#f0320e rgb(240,50,14)
```
#ccf00e
```
#ccf00e rgb(204,240,14)
```
#0eccf0
```
#0eccf0 rgb(14,204,240)
```
#320ef0
```
#320ef0 rgb(50,14,240)
```

Tetradic Color

#8fa80a
```
#8fa80a rgb(143,168,10)
```
#a3c00b
```
#a3c00b rgb(163,192,11)
```
#b8d80d
```
#b8d80d rgb(184,216,13)
```
#ccf00e
```
#ccf00e rgb(204,240,14)
```
#d2f225
```
#d2f225 rgb(210,242,37)
```
#d7f43d
```
#d7f43d rgb(215,244,61)
```
#dcf555
```
#dcf555 rgb(220,245,85)
```

Monochromatic Color

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

#f0dc0e
```
#f0dc0e rgb(240,220,14)
```
#f0ee0e
```
#f0ee0e rgb(240,238,14)
```
#dff00e
```
#dff00e rgb(223,240,14)
```
#ccf00e
```
#ccf00e rgb(204,240,14)
```
#b9f00e
```
#b9f00e rgb(185,240,14)
```
#a6f00e
```
#a6f00e rgb(166,240,14)
```
#94f00e
```
#94f00e rgb(148,240,14)
```

Similar Colors

Text with hexadecimal color #ccf00e

This text has a font color of #ccf00e.

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

#ccf00e background color

This paragraph has a background color of #ccf00e.

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

#ccf00e border color

This element has a border color of #ccf00e.

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

CSS codes

.text {color:#ccf00e;}

.background {background-color:#ccf00e;}

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

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

#0f1201
```
#0f1201 rgb(15,18,1)
```
#1f2402
```
#1f2402 rgb(31,36,2)
```
#2e3703
```
#2e3703 rgb(46,55,3)
```
#3e4904
```
#3e4904 rgb(62,73,4)
```
#4e5c05
```
#4e5c05 rgb(78,92,5)
```
#5e6e06
```
#5e6e06 rgb(94,110,6)
```
#6d8108
```
#6d8108 rgb(109,129,8)
```
#7d9309
```
#7d9309 rgb(125,147,9)
```
#8da60a
```
#8da60a rgb(141,166,10)
```
#9db80b
```
#9db80b rgb(157,184,11)
```
#accb0c
```
#accb0c rgb(172,203,12)
```
#bcdd0d
```
#bcdd0d rgb(188,221,13)
```
#ccf00e
```
#ccf00e rgb(204,240,14)
```

Shade Color Variation

#d0f220
```
#d0f220 rgb(208,242,32)
```
#d4f332
```
#d4f332 rgb(212,243,50)
```
#d8f445
```
#d8f445 rgb(216,244,69)
```
#dcf557
```
#dcf557 rgb(220,245,87)
```
#e0f66a
```
#e0f66a rgb(224,246,106)
```
#e4f77c
```
#e4f77c rgb(228,247,124)
```
#e8f88f
```
#e8f88f rgb(232,248,143)
```
#ebfaa1
```
#ebfaa1 rgb(235,250,161)
```
#effbb4
```
#effbb4 rgb(239,251,180)
```
#f3fcc6
```
#f3fcc6 rgb(243,252,198)
```
#f7fdd9
```
#f7fdd9 rgb(247,253,217)
```
#fbfeec
```
#fbfeec rgb(251,254,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#838579
```
#838579 rgb(131,133,121)
```
#898e70
```
#898e70 rgb(137,142,112)
```
#909866
```
#909866 rgb(144,152,102)
```
#97a25c
```
#97a25c rgb(151,162,92)
```
#9dac52
```
#9dac52 rgb(157,172,82)
```
#a4b549
```
#a4b549 rgb(164,181,73)
```
#abbf3f
```
#abbf3f rgb(171,191,63)
```
#b1c935
```
#b1c935 rgb(177,201,53)
```
#b8d32b
```
#b8d32b rgb(184,211,43)
```
#bfdc22
```
#bfdc22 rgb(191,220,34)
```
#c5e618
```
#c5e618 rgb(197,230,24)
```
#ccf00e
```
#ccf00e rgb(204,240,14)
```
#d3fa04
```
#d3fa04 rgb(211,250,4)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#cbd2a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#ebe711 Protanomaly 1% of men, 0.01% of women
#ece474 Deuteranomaly 6% of men, 0.4% of women
#dae69e Tritanomaly 0.01% of the population

#ccf00e hex color

#ccf00e Color Information

#ccf00e Color Conversion

Color Schemes with #ccf00e

Alternatives to #ccf00e

#ccf00e Preview

Shades and Tints of #ccf00e

Tones of #ccf00e

Color Blindness Simulator