#ccf066 hex color

In a RGB color space, hex #ccf066 is composed of 80% red, 94.1% green and 40% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 57.5% yellow and 5.9% black. It has a hue angle of 75.7 degrees, a saturation of 82.1% and a lightness of 67.1%. #ccf066 color hex could be obtained by blending #ffffcc with #99e100. Closest websafe color is: #ccff66.

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

● #ccf066 color description : Soft green.

The hexadecimal color #ccf066 has RGB values of R:204, G:240, B:102 and CMYK values of C:0.15, M:0, Y:0.58, K:0.06. Its decimal value is 13430886.

Hex triplet	ccf066	`#ccf066`
RGB Decimal	204, 240, 102	`rgb(204,240,102)`
RGB Percent	80, 94.1, 40	`rgb(80%,94.1%,40%)`
CMYK	15, 0, 58, 6
HSL	75.7°, 82.1, 67.1	`hsl(75.7,82.1%,67.1%)`
HSV (or HSB)	75.7°, 57.5, 94.1
Web Safe	ccff66	`#ccff66`

CIE-LAB	89.913, -31.308, 61.492
XYZ	58.459, 76.116, 24.182
xyY	0.368, 0.479, 76.116
CIE-LCH	89.913, 69.003, 116.983
CIE-LUV	89.913, -16.497, 81.711
Hunter-Lab	87.245, -33.072, 44.638
Binary	11001100, 11110000, 01100110

#ccf066
```
#ccf066 rgb(204,240,102)
```
#8a66f0
```
#8a66f0 rgb(138,102,240)
```

Complementary Color

#f0cf66
```
#f0cf66 rgb(240,207,102)
```
#ccf066
```
#ccf066 rgb(204,240,102)
```
#87f066
```
#87f066 rgb(135,240,102)
```

Analogous Color

#cf66f0
```
#cf66f0 rgb(207,102,240)
```
#ccf066
```
#ccf066 rgb(204,240,102)
```
#6687f0
```
#6687f0 rgb(102,135,240)
```

Split Complementary Color

#f066cc
```
#f066cc rgb(240,102,204)
```
#ccf066
```
#ccf066 rgb(204,240,102)
```
#66ccf0
```
#66ccf0 rgb(102,204,240)
```

Triadic Color

#f08a66
```
#f08a66 rgb(240,138,102)
```
#ccf066
```
#ccf066 rgb(204,240,102)
```
#66ccf0
```
#66ccf0 rgb(102,204,240)
```
#8a66f0
```
#8a66f0 rgb(138,102,240)
```

Tetradic Color

#b5e920
```
#b5e920 rgb(181,233,32)
```
#bdeb38
```
#bdeb38 rgb(189,235,56)
```
#c4ee4f
```
#c4ee4f rgb(196,238,79)
```
#ccf066
```
#ccf066 rgb(204,240,102)
```
#d4f27d
```
#d4f27d rgb(212,242,125)
```
#dbf594
```
#dbf594 rgb(219,245,148)
```
#e3f7ac
```
#e3f7ac rgb(227,247,172)
```

Monochromatic Color

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

#eff066
```
#eff066 rgb(239,240,102)
```
#e3f066
```
#e3f066 rgb(227,240,102)
```
#d8f066
```
#d8f066 rgb(216,240,102)
```
#ccf066
```
#ccf066 rgb(204,240,102)
```
#c1f066
```
#c1f066 rgb(193,240,102)
```
#b5f066
```
#b5f066 rgb(181,240,102)
```
#aaf066
```
#aaf066 rgb(170,240,102)
```

Similar Colors

Text with hexadecimal color #ccf066

This text has a font color of #ccf066.

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

#ccf066 background color

This paragraph has a background color of #ccf066.

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

#ccf066 border color

This element has a border color of #ccf066.

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

CSS codes

.text {color:#ccf066;}

.background {background-color:#ccf066;}

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

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

#060801
```
#060801 rgb(6,8,1)
```
#141a03
```
#141a03 rgb(20,26,3)
```
#212c04
```
#212c04 rgb(33,44,4)
```
#2f3d06
```
#2f3d06 rgb(47,61,6)
```
#3d4f08
```
#3d4f08 rgb(61,79,8)
```
#4a610a
```
#4a610a rgb(74,97,10)
```
#58730b
```
#58730b rgb(88,115,11)
```
#66850d
```
#66850d rgb(102,133,13)
```
#73970f
```
#73970f rgb(115,151,15)
```
#81a911
```
#81a911 rgb(129,169,17)
```
#8fba12
```
#8fba12 rgb(143,186,18)
```
#9ccc14
```
#9ccc14 rgb(156,204,20)
```
#aade16
```
#aade16 rgb(170,222,22)
```

Shade Color Variation

#b4e91f
```
#b4e91f rgb(180,233,31)
```
#baeb30
```
#baeb30 rgb(186,235,48)
```
#c0ec42
```
#c0ec42 rgb(192,236,66)
```
#c6ee54
```
#c6ee54 rgb(198,238,84)
```
#ccf066
```
#ccf066 rgb(204,240,102)
```
#d2f278
```
#d2f278 rgb(210,242,120)
```
#d8f48a
```
#d8f48a rgb(216,244,138)
```
#def59c
```
#def59c rgb(222,245,156)
```
#e4f7ad
```
#e4f7ad rgb(228,247,173)
```
#eaf9bf
```
#eaf9bf rgb(234,249,191)
```
#f0fbd1
```
#f0fbd1 rgb(240,251,209)
```
#f6fce3
```
#f6fce3 rgb(246,252,227)
```
#fcfef5
```
#fcfef5 rgb(252,254,245)
```

Tint Color Variation

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

#adafa7
```
#adafa7 rgb(173,175,167)
```
#b0b6a0
```
#b0b6a0 rgb(176,182,160)
```
#b3bc9a
```
#b3bc9a rgb(179,188,154)
```
#b6c393
```
#b6c393 rgb(182,195,147)
```
#b9c98d
```
#b9c98d rgb(185,201,141)
```
#bdd086
```
#bdd086 rgb(189,208,134)
```
#c0d680
```
#c0d680 rgb(192,214,128)
```
#c3dd79
```
#c3dd79 rgb(195,221,121)
```
#c6e373
```
#c6e373 rgb(198,227,115)
```
#c9ea6c
```
#c9ea6c rgb(201,234,108)
```
#ccf066
```
#ccf066 rgb(204,240,102)
```
#cff660
```
#cff660 rgb(207,246,96)
```
#d2fd59
```
#d2fd59 rgb(210,253,89)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#d4dbc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fbe36a Protanopia 1% of men
#ffdeb7 Deuteranopia 1% of men
#e0e2f3 Tritanopia 0.001% of the population

Trichromacy

#eae868 Protanomaly 1% of men, 0.01% of women
#ece499 Deuteranomaly 6% of men, 0.4% of women
#d9e7bf Tritanomaly 0.01% of the population

#ccf066 hex color

#ccf066 Color Information

#ccf066 Color Conversion

Color Schemes with #ccf066

Alternatives to #ccf066

#ccf066 Preview

Shades and Tints of #ccf066

Tones of #ccf066

Color Blindness Simulator