#ccf00a hex color

In a RGB color space, hex #ccf00a is composed of 80% red, 94.1% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 95.8% yellow and 5.9% black. It has a hue angle of 69.4 degrees, a saturation of 92% and a lightness of 49%. #ccf00a color hex could be obtained by blending #ffff14 with #99e100. Closest websafe color is: #ccff00.

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

● #ccf00a color description : Vivid yellow.

The hexadecimal color #ccf00a has RGB values of R:204, G:240, B:10 and CMYK values of C:0.15, M:0, Y:0.96, K:0.06. Its decimal value is 13430794.

Hex triplet	ccf00a	`#ccf00a`
RGB Decimal	204, 240, 10	`rgb(204,240,10)`
RGB Percent	80, 94.1, 3.9	`rgb(80%,94.1%,3.9%)`
CMYK	15, 0, 96, 6
HSL	69.4°, 92, 49	`hsl(69.4,92%,49%)`
HSV (or HSB)	69.4°, 95.8, 94.1
Web Safe	ccff00	`#ccff00`

CIE-LAB	89.477, -35.185, 86.39
XYZ	56.116, 75.179, 11.842
xyY	0.392, 0.525, 75.179
CIE-LCH	89.477, 93.281, 112.16
CIE-LUV	89.477, -15.995, 100.697
Hunter-Lab	86.706, -36.21, 52.597
Binary	11001100, 11110000, 00001010

#ccf00a
```
#ccf00a rgb(204,240,10)
```
#2e0af0
```
#2e0af0 rgb(46,10,240)
```

Complementary Color

#f0a10a
```
#f0a10a rgb(240,161,10)
```
#ccf00a
```
#ccf00a rgb(204,240,10)
```
#59f00a
```
#59f00a rgb(89,240,10)
```

Analogous Color

#a10af0
```
#a10af0 rgb(161,10,240)
```
#ccf00a
```
#ccf00a rgb(204,240,10)
```
#0a59f0
```
#0a59f0 rgb(10,89,240)
```

Split Complementary Color

#f00acc
```
#f00acc rgb(240,10,204)
```
#ccf00a
```
#ccf00a rgb(204,240,10)
```
#0accf0
```
#0accf0 rgb(10,204,240)
```

Triadic Color

#f02e0a
```
#f02e0a rgb(240,46,10)
```
#ccf00a
```
#ccf00a rgb(204,240,10)
```
#0accf0
```
#0accf0 rgb(10,204,240)
```
#2e0af0
```
#2e0af0 rgb(46,10,240)
```

Tetradic Color

#8ea707
```
#8ea707 rgb(142,167,7)
```
#a2bf08
```
#a2bf08 rgb(162,191,8)
```
#b7d809
```
#b7d809 rgb(183,216,9)
```
#ccf00a
```
#ccf00a rgb(204,240,10)
```
#d4f61e
```
#d4f61e rgb(212,246,30)
```
#d9f736
```
#d9f736 rgb(217,247,54)
```
#ddf84f
```
#ddf84f rgb(221,248,79)
```

Monochromatic Color

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

#f0db0a
```
#f0db0a rgb(240,219,10)
```
#f0ee0a
```
#f0ee0a rgb(240,238,10)
```
#dff00a
```
#dff00a rgb(223,240,10)
```
#ccf00a
```
#ccf00a rgb(204,240,10)
```
#b9f00a
```
#b9f00a rgb(185,240,10)
```
#a6f00a
```
#a6f00a rgb(166,240,10)
```
#93f00a
```
#93f00a rgb(147,240,10)
```

Similar Colors

Text with hexadecimal color #ccf00a

This text has a font color of #ccf00a.

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

#ccf00a background color

This paragraph has a background color of #ccf00a.

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

#ccf00a border color

This element has a border color of #ccf00a.

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

CSS codes

.text {color:#ccf00a;}

.background {background-color:#ccf00a;}

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

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

#0c0e01
```
#0c0e01 rgb(12,14,1)
```
#1c2101
```
#1c2101 rgb(28,33,1)
```
#2c3402
```
#2c3402 rgb(44,52,2)
```
#3c4703
```
#3c4703 rgb(60,71,3)
```
#4c5904
```
#4c5904 rgb(76,89,4)
```
#5c6c05
```
#5c6c05 rgb(92,108,5)
```
#6c7f05
```
#6c7f05 rgb(108,127,5)
```
#7c9206
```
#7c9206 rgb(124,146,6)
```
#8ca507
```
#8ca507 rgb(140,165,7)
```
#9cb808
```
#9cb808 rgb(156,184,8)
```
#acca08
```
#acca08 rgb(172,202,8)
```
#bcdd09
```
#bcdd09 rgb(188,221,9)
```
#ccf00a
```
#ccf00a rgb(204,240,10)
```

Shade Color Variation

#d3f518
```
#d3f518 rgb(211,245,24)
```
#d6f62b
```
#d6f62b rgb(214,246,43)
```
#daf73e
```
#daf73e rgb(218,247,62)
```
#def851
```
#def851 rgb(222,248,81)
```
#e1f964
```
#e1f964 rgb(225,249,100)
```
#e5f976
```
#e5f976 rgb(229,249,118)
```
#e8fa89
```
#e8fa89 rgb(232,250,137)
```
#ecfb9c
```
#ecfb9c rgb(236,251,156)
```
#f0fcaf
```
#f0fcaf rgb(240,252,175)
```
#f3fcc2
```
#f3fcc2 rgb(243,252,194)
```
#f7fdd5
```
#f7fdd5 rgb(247,253,213)
```
#fafee7
```
#fafee7 rgb(250,254,231)
```
#fefffa
```
#fefffa rgb(254,255,250)
```

Tint Color Variation

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

#838674
```
#838674 rgb(131,134,116)
```
#8a906a
```
#8a906a rgb(138,144,106)
```
#919961
```
#919961 rgb(145,153,97)
```
#97a357
```
#97a357 rgb(151,163,87)
```
#9ead4d
```
#9ead4d rgb(158,173,77)
```
#a4b644
```
#a4b644 rgb(164,182,68)
```
#abc03a
```
#abc03a rgb(171,192,58)
```
#b2ca30
```
#b2ca30 rgb(178,202,48)
```
#b8d327
```
#b8d327 rgb(184,211,39)
```
#bfdd1d
```
#bfdd1d rgb(191,221,29)
```
#c5e614
```
#c5e614 rgb(197,230,20)
```
#ccf00a
```
#ccf00a rgb(204,240,10)
```
#d3fa00
```
#d3fa00 rgb(211,250,0)
```

Tone Color Variation

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

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

Trichromacy

#ebe70b Protanomaly 1% of men, 0.01% of women
#ece473 Deuteranomaly 6% of men, 0.4% of women
#dae69c Tritanomaly 0.01% of the population

#ccf00a hex color

#ccf00a Color Information

#ccf00a Color Conversion

Color Schemes with #ccf00a

Alternatives to #ccf00a

#ccf00a Preview

Shades and Tints of #ccf00a

Tones of #ccf00a

Color Blindness Simulator