#ccf007 hex color

In a RGB color space, hex #ccf007 is composed of 80% red, 94.1% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 97.1% yellow and 5.9% black. It has a hue angle of 69.3 degrees, a saturation of 94.3% and a lightness of 48.4%. #ccf007 color hex could be obtained by blending #ffff0e with #99e100. Closest websafe color is: #ccff00.

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

● #ccf007 color description : Vivid yellow.

The hexadecimal color #ccf007 has RGB values of R:204, G:240, B:7 and CMYK values of C:0.15, M:0, Y:0.97, K:0.06. Its decimal value is 13430791.

Hex triplet	ccf007	`#ccf007`
RGB Decimal	204, 240, 7	`rgb(204,240,7)`
RGB Percent	80, 94.1, 2.7	`rgb(80%,94.1%,2.7%)`
CMYK	15, 0, 97, 6
HSL	69.3°, 94.3, 48.4	`hsl(69.3,94.3%,48.4%)`
HSV (or HSB)	69.3°, 97.1, 94.1
Web Safe	ccff00	`#ccff00`

CIE-LAB	89.474, -35.213, 86.618
XYZ	56.1, 75.173, 11.755
xyY	0.392, 0.526, 75.173
CIE-LCH	89.474, 93.502, 112.123
CIE-LUV	89.474, -15.991, 100.836
Hunter-Lab	86.702, -36.232, 52.653
Binary	11001100, 11110000, 00000111

#ccf007
```
#ccf007 rgb(204,240,7)
```
#2b07f0
```
#2b07f0 rgb(43,7,240)
```

Complementary Color

#f0a007
```
#f0a007 rgb(240,160,7)
```
#ccf007
```
#ccf007 rgb(204,240,7)
```
#58f007
```
#58f007 rgb(88,240,7)
```

Analogous Color

#a007f0
```
#a007f0 rgb(160,7,240)
```
#ccf007
```
#ccf007 rgb(204,240,7)
```
#0758f0
```
#0758f0 rgb(7,88,240)
```

Split Complementary Color

#f007cc
```
#f007cc rgb(240,7,204)
```
#ccf007
```
#ccf007 rgb(204,240,7)
```
#07ccf0
```
#07ccf0 rgb(7,204,240)
```

Triadic Color

#f02b07
```
#f02b07 rgb(240,43,7)
```
#ccf007
```
#ccf007 rgb(204,240,7)
```
#07ccf0
```
#07ccf0 rgb(7,204,240)
```
#2b07f0
```
#2b07f0 rgb(43,7,240)
```

Tetradic Color

#8da605
```
#8da605 rgb(141,166,5)
```
#a2be06
```
#a2be06 rgb(162,190,6)
```
#b7d706
```
#b7d706 rgb(183,215,6)
```
#ccf007
```
#ccf007 rgb(204,240,7)
```
#d6f818
```
#d6f818 rgb(214,248,24)
```
#daf931
```
#daf931 rgb(218,249,49)
```
#dffa4a
```
#dffa4a rgb(223,250,74)
```

Monochromatic Color

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

#f0da07
```
#f0da07 rgb(240,218,7)
```
#f0ed07
```
#f0ed07 rgb(240,237,7)
```
#dff007
```
#dff007 rgb(223,240,7)
```
#ccf007
```
#ccf007 rgb(204,240,7)
```
#b9f007
```
#b9f007 rgb(185,240,7)
```
#a5f007
```
#a5f007 rgb(165,240,7)
```
#92f007
```
#92f007 rgb(146,240,7)
```

Similar Colors

Text with hexadecimal color #ccf007

This text has a font color of #ccf007.

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

#ccf007 background color

This paragraph has a background color of #ccf007.

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

#ccf007 border color

This element has a border color of #ccf007.

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

CSS codes

.text {color:#ccf007;}

.background {background-color:#ccf007;}

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

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

#0a0b00
```
#0a0b00 rgb(10,11,0)
```
#1a1e01
```
#1a1e01 rgb(26,30,1)
```
#2a3101
```
#2a3101 rgb(42,49,1)
```
#3a4402
```
#3a4402 rgb(58,68,2)
```
#4a5803
```
#4a5803 rgb(74,88,3)
```
#5b6b03
```
#5b6b03 rgb(91,107,3)
```
#6b7e04
```
#6b7e04 rgb(107,126,4)
```
#7b9104
```
#7b9104 rgb(123,145,4)
```
#8ba405
```
#8ba405 rgb(139,164,5)
```
#9bb705
```
#9bb705 rgb(155,183,5)
```
#acca06
```
#acca06 rgb(172,202,6)
```
#bcdd06
```
#bcdd06 rgb(188,221,6)
```
#ccf007
```
#ccf007 rgb(204,240,7)
```

Shade Color Variation

#d5f813
```
#d5f813 rgb(213,248,19)
```
#d8f926
```
#d8f926 rgb(216,249,38)
```
#dbf939
```
#dbf939 rgb(219,249,57)
```
#dffa4c
```
#dffa4c rgb(223,250,76)
```
#e2fa5f
```
#e2fa5f rgb(226,250,95)
```
#e6fb72
```
#e6fb72 rgb(230,251,114)
```
#e9fb85
```
#e9fb85 rgb(233,251,133)
```
#edfc98
```
#edfc98 rgb(237,252,152)
```
#f0fdab
```
#f0fdab rgb(240,253,171)
```
#f3fdbe
```
#f3fdbe rgb(243,253,190)
```
#f7fed1
```
#f7fed1 rgb(247,254,209)
```
#fafee4
```
#fafee4 rgb(250,254,228)
```
#fefff7
```
#fefff7 rgb(254,255,247)
```

Tint Color Variation

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

#7d7e79
```
#7d7e79 rgb(125,126,121)
```
#848870
```
#848870 rgb(132,136,112)
```
#8a9166
```
#8a9166 rgb(138,145,102)
```
#919b5d
```
#919b5d rgb(145,155,93)
```
#97a453
```
#97a453 rgb(151,164,83)
```
#9eae4a
```
#9eae4a rgb(158,174,74)
```
#a5b740
```
#a5b740 rgb(165,183,64)
```
#abc137
```
#abc137 rgb(171,193,55)
```
#b2ca2d
```
#b2ca2d rgb(178,202,45)
```
#b8d424
```
#b8d424 rgb(184,212,36)
```
#bfdd1a
```
#bfdd1a rgb(191,221,26)
```
#c5e711
```
#c5e711 rgb(197,231,17)
```
#ccf007
```
#ccf007 rgb(204,240,7)
```

Tone Color Variation

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

#ebe702 Protanomaly 1% of men, 0.01% of women
#ece472 Deuteranomaly 6% of men, 0.4% of women
#dae69b Tritanomaly 0.01% of the population

#ccf007 hex color

#ccf007 Color Information

#ccf007 Color Conversion

Color Schemes with #ccf007

Alternatives to #ccf007

#ccf007 Preview

Shades and Tints of #ccf007

Tones of #ccf007

Color Blindness Simulator