#ccf004 hex color

In a RGB color space, hex #ccf004 is composed of 80% red, 94.1% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 98.3% yellow and 5.9% black. It has a hue angle of 69.2 degrees, a saturation of 96.7% and a lightness of 47.8%. #ccf004 color hex could be obtained by blending #ffff08 with #99e100. Closest websafe color is: #ccff00.

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

● #ccf004 color description : Vivid yellow.

The hexadecimal color #ccf004 has RGB values of R:204, G:240, B:4 and CMYK values of C:0.15, M:0, Y:0.98, K:0.06. Its decimal value is 13430788.

Hex triplet	ccf004	`#ccf004`
RGB Decimal	204, 240, 4	`rgb(204,240,4)`
RGB Percent	80, 94.1, 1.6	`rgb(80%,94.1%,1.6%)`
CMYK	15, 0, 98, 6
HSL	69.2°, 96.7, 47.8	`hsl(69.2,96.7%,47.8%)`
HSV (or HSB)	69.2°, 98.3, 94.1
Web Safe	ccff00	`#ccff00`

CIE-LAB	89.471, -35.241, 86.847
XYZ	56.083, 75.166, 11.669
xyY	0.392, 0.526, 75.166
CIE-LCH	89.471, 93.725, 112.086
CIE-LUV	89.471, -15.988, 100.974
Hunter-Lab	86.698, -36.254, 52.709
Binary	11001100, 11110000, 00000100

#ccf004
```
#ccf004 rgb(204,240,4)
```
#2804f0
```
#2804f0 rgb(40,4,240)
```

Complementary Color

#f09e04
```
#f09e04 rgb(240,158,4)
```
#ccf004
```
#ccf004 rgb(204,240,4)
```
#56f004
```
#56f004 rgb(86,240,4)
```

Analogous Color

#9e04f0
```
#9e04f0 rgb(158,4,240)
```
#ccf004
```
#ccf004 rgb(204,240,4)
```
#0456f0
```
#0456f0 rgb(4,86,240)
```

Split Complementary Color

#f004cc
```
#f004cc rgb(240,4,204)
```
#ccf004
```
#ccf004 rgb(204,240,4)
```
#04ccf0
```
#04ccf0 rgb(4,204,240)
```

Triadic Color

#f02804
```
#f02804 rgb(240,40,4)
```
#ccf004
```
#ccf004 rgb(204,240,4)
```
#04ccf0
```
#04ccf0 rgb(4,204,240)
```
#2804f0
```
#2804f0 rgb(40,4,240)
```

Tetradic Color

#8ca503
```
#8ca503 rgb(140,165,3)
```
#a1be03
```
#a1be03 rgb(161,190,3)
```
#b7d704
```
#b7d704 rgb(183,215,4)
```
#ccf004
```
#ccf004 rgb(204,240,4)
```
#d8fb12
```
#d8fb12 rgb(216,251,18)
```
#dcfb2c
```
#dcfb2c rgb(220,251,44)
```
#e0fc45
```
#e0fc45 rgb(224,252,69)
```

Monochromatic Color

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

#f0d904
```
#f0d904 rgb(240,217,4)
```
#f0ed04
```
#f0ed04 rgb(240,237,4)
```
#e0f004
```
#e0f004 rgb(224,240,4)
```
#ccf004
```
#ccf004 rgb(204,240,4)
```
#b8f004
```
#b8f004 rgb(184,240,4)
```
#a5f004
```
#a5f004 rgb(165,240,4)
```
#91f004
```
#91f004 rgb(145,240,4)
```

Similar Colors

Text with hexadecimal color #ccf004

This text has a font color of #ccf004.

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

#ccf004 background color

This paragraph has a background color of #ccf004.

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

#ccf004 border color

This element has a border color of #ccf004.

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

CSS codes

.text {color:#ccf004;}

.background {background-color:#ccf004;}

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

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

#070800
```
#070800 rgb(7,8,0)
```
#181c00
```
#181c00 rgb(24,28,0)
```
#282f01
```
#282f01 rgb(40,47,1)
```
#384201
```
#384201 rgb(56,66,1)
```
#495601
```
#495601 rgb(73,86,1)
```
#596902
```
#596902 rgb(89,105,2)
```
#6a7c02
```
#6a7c02 rgb(106,124,2)
```
#7a9002
```
#7a9002 rgb(122,144,2)
```
#8aa303
```
#8aa303 rgb(138,163,3)
```
#9bb603
```
#9bb603 rgb(155,182,3)
```
#abc903
```
#abc903 rgb(171,201,3)
```
#bcdd04
```
#bcdd04 rgb(188,221,4)
```
#ccf004
```
#ccf004 rgb(204,240,4)
```

Shade Color Variation

#d7fb0d
```
#d7fb0d rgb(215,251,13)
```
#dafb20
```
#dafb20 rgb(218,251,32)
```
#ddfc33
```
#ddfc33 rgb(221,252,51)
```
#e0fc47
```
#e0fc47 rgb(224,252,71)
```
#e3fc5a
```
#e3fc5a rgb(227,252,90)
```
#e7fd6d
```
#e7fd6d rgb(231,253,109)
```
#eafd80
```
#eafd80 rgb(234,253,128)
```
#edfd94
```
#edfd94 rgb(237,253,148)
```
#f0fea7
```
#f0fea7 rgb(240,254,167)
```
#f4feba
```
#f4feba rgb(244,254,186)
```
#f7fece
```
#f7fece rgb(247,254,206)
```
#fafee1
```
#fafee1 rgb(250,254,225)
```
#fdfff4
```
#fdfff4 rgb(253,255,244)
```

Tint Color Variation

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

#7e7f75
```
#7e7f75 rgb(126,127,117)
```
#84896b
```
#84896b rgb(132,137,107)
```
#8b9262
```
#8b9262 rgb(139,146,98)
```
#919c58
```
#919c58 rgb(145,156,88)
```
#98a54f
```
#98a54f rgb(152,165,79)
```
#9eae46
```
#9eae46 rgb(158,174,70)
```
#a5b83c
```
#a5b83c rgb(165,184,60)
```
#abc133
```
#abc133 rgb(171,193,51)
```
#b2ca2a
```
#b2ca2a rgb(178,202,42)
```
#b8d420
```
#b8d420 rgb(184,212,32)
```
#bfdd17
```
#bfdd17 rgb(191,221,23)
```
#c5e70d
```
#c5e70d rgb(197,231,13)
```
#ccf004
```
#ccf004 rgb(204,240,4)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#cad2a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fee200 Protanopia 1% of men
#ffddaf Deuteranopia 1% of men
#e3e0f0 Tritanopia 0.001% of the population

Trichromacy

#ebe701 Protanomaly 1% of men, 0.01% of women
#ece471 Deuteranomaly 6% of men, 0.4% of women
#dae69a Tritanomaly 0.01% of the population

#ccf004 hex color

#ccf004 Color Information

#ccf004 Color Conversion

Color Schemes with #ccf004

Alternatives to #ccf004

#ccf004 Preview

Shades and Tints of #ccf004

Tones of #ccf004

Color Blindness Simulator