#ccf074 hex color

In a RGB color space, hex #ccf074 is composed of 80% red, 94.1% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 51.7% yellow and 5.9% black. It has a hue angle of 77.4 degrees, a saturation of 80.5% and a lightness of 69.8%. #ccf074 color hex could be obtained by blending #ffffe8 with #99e100. Closest websafe color is: #ccff66.

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

● #ccf074 color description : Soft green.

The hexadecimal color #ccf074 has RGB values of R:204, G:240, B:116 and CMYK values of C:0.15, M:0, Y:0.52, K:0.06. Its decimal value is 13430900.

Hex triplet	ccf074	`#ccf074`
RGB Decimal	204, 240, 116	`rgb(204,240,116)`
RGB Percent	80, 94.1, 45.5	`rgb(80%,94.1%,45.5%)`
CMYK	15, 0, 52, 6
HSL	77.4°, 80.5, 69.8	`hsl(77.4,80.5%,69.8%)`
HSV (or HSB)	77.4°, 51.7, 94.1
Web Safe	ccff66	`#ccff66`

CIE-LAB	90.053, -30.09, 55.436
XYZ	59.213, 76.418, 28.153
xyY	0.362, 0.467, 76.418
CIE-LCH	90.053, 63.076, 118.493
CIE-LUV	90.053, -16.652, 75.904
Hunter-Lab	87.417, -32.071, 42.098
Binary	11001100, 11110000, 01110100

#ccf074
```
#ccf074 rgb(204,240,116)
```
#9874f0
```
#9874f0 rgb(152,116,240)
```

Complementary Color

#f0d674
```
#f0d674 rgb(240,214,116)
```
#ccf074
```
#ccf074 rgb(204,240,116)
```
#8ef074
```
#8ef074 rgb(142,240,116)
```

Analogous Color

#d674f0
```
#d674f0 rgb(214,116,240)
```
#ccf074
```
#ccf074 rgb(204,240,116)
```
#748ef0
```
#748ef0 rgb(116,142,240)
```

Split Complementary Color

#f074cc
```
#f074cc rgb(240,116,204)
```
#ccf074
```
#ccf074 rgb(204,240,116)
```
#74ccf0
```
#74ccf0 rgb(116,204,240)
```

Triadic Color

#f09874
```
#f09874 rgb(240,152,116)
```
#ccf074
```
#ccf074 rgb(204,240,116)
```
#74ccf0
```
#74ccf0 rgb(116,204,240)
```
#9874f0
```
#9874f0 rgb(152,116,240)
```

Tetradic Color

#b3e92f
```
#b3e92f rgb(179,233,47)
```
#bbeb46
```
#bbeb46 rgb(187,235,70)
```
#c4ee5d
```
#c4ee5d rgb(196,238,93)
```
#ccf074
```
#ccf074 rgb(204,240,116)
```
#d4f28b
```
#d4f28b rgb(212,242,139)
```
#ddf5a2
```
#ddf5a2 rgb(221,245,162)
```
#e5f7b9
```
#e5f7b9 rgb(229,247,185)
```

Monochromatic Color

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

#ebf074
```
#ebf074 rgb(235,240,116)
```
#e1f074
```
#e1f074 rgb(225,240,116)
```
#d6f074
```
#d6f074 rgb(214,240,116)
```
#ccf074
```
#ccf074 rgb(204,240,116)
```
#c2f074
```
#c2f074 rgb(194,240,116)
```
#b7f074
```
#b7f074 rgb(183,240,116)
```
#adf074
```
#adf074 rgb(173,240,116)
```

Similar Colors

Text with hexadecimal color #ccf074

This text has a font color of #ccf074.

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

#ccf074 background color

This paragraph has a background color of #ccf074.

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

#ccf074 border color

This element has a border color of #ccf074.

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

CSS codes

.text {color:#ccf074;}

.background {background-color:#ccf074;}

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

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

#020300
```
#020300 rgb(2,3,0)
```
#0f1402
```
#0f1402 rgb(15,20,2)
```
#1c2604
```
#1c2604 rgb(28,38,4)
```
#293806
```
#293806 rgb(41,56,6)
```
#364908
```
#364908 rgb(54,73,8)
```
#445b0a
```
#445b0a rgb(68,91,10)
```
#516d0c
```
#516d0c rgb(81,109,12)
```
#5e7f0e
```
#5e7f0e rgb(94,127,14)
```
#6b9010
```
#6b9010 rgb(107,144,16)
```
#78a211
```
#78a211 rgb(120,162,17)
```
#85b413
```
#85b413 rgb(133,180,19)
```
#92c515
```
#92c515 rgb(146,197,21)
```
#9fd717
```
#9fd717 rgb(159,215,23)
```

Shade Color Variation

#ace61b
```
#ace61b rgb(172,230,27)
```
#b2e82d
```
#b2e82d rgb(178,232,45)
```
#b9ea3f
```
#b9ea3f rgb(185,234,63)
```
#bfec51
```
#bfec51 rgb(191,236,81)
```
#c6ee62
```
#c6ee62 rgb(198,238,98)
```
#ccf074
```
#ccf074 rgb(204,240,116)
```
#d2f286
```
#d2f286 rgb(210,242,134)
```
#d9f497
```
#d9f497 rgb(217,244,151)
```
#dff6a9
```
#dff6a9 rgb(223,246,169)
```
#e6f8bb
```
#e6f8bb rgb(230,248,187)
```
#ecfacd
```
#ecfacd rgb(236,250,205)
```
#f3fbde
```
#f3fbde rgb(243,251,222)
```
#f9fdf0
```
#f9fdf0 rgb(249,253,240)
```

Tint Color Variation

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

#b3b5af
```
#b3b5af rgb(179,181,175)
```
#b6bba9
```
#b6bba9 rgb(182,187,169)
```
#b8c1a3
```
#b8c1a3 rgb(184,193,163)
```
#bbc79d
```
#bbc79d rgb(187,199,157)
```
#bdcc98
```
#bdcc98 rgb(189,204,152)
```
#c0d292
```
#c0d292 rgb(192,210,146)
```
#c2d88c
```
#c2d88c rgb(194,216,140)
```
#c5de86
```
#c5de86 rgb(197,222,134)
```
#c7e480
```
#c7e480 rgb(199,228,128)
```
#caea7a
```
#caea7a rgb(202,234,122)
```
#ccf074
```
#ccf074 rgb(204,240,116)
```
#cef66e
```
#cef66e rgb(206,246,110)
```
#d1fc68
```
#d1fc68 rgb(209,252,104)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#d5dcc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fbe477 Protanopia 1% of men
#ffdeba Deuteranopia 1% of men
#dfe3f3 Tritanopia 0.001% of the population

Trichromacy

#e9e876 Protanomaly 1% of men, 0.01% of women
#ece5a0 Deuteranomaly 6% of men, 0.4% of women
#d8e8c5 Tritanomaly 0.01% of the population

#ccf074 hex color

#ccf074 Color Information

#ccf074 Color Conversion

Color Schemes with #ccf074

Alternatives to #ccf074

#ccf074 Preview

Shades and Tints of #ccf074

Tones of #ccf074

Color Blindness Simulator