#ccf552 hex color

In a RGB color space, hex #ccf552 is composed of 80% red, 96.1% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 66.5% yellow and 3.9% black. It has a hue angle of 75.1 degrees, a saturation of 89.1% and a lightness of 64.1%. #ccf552 color hex could be obtained by blending #ffffa4 with #99eb00. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 80
- G 96
- B 32
RGB color chart
- C 17
- M 0
- Y 67
- K 4
CMYK color chart

● #ccf552 color description : Soft green.

The hexadecimal color #ccf552 has RGB values of R:204, G:245, B:82 and CMYK values of C:0.17, M:0, Y:0.67, K:0.04. Its decimal value is 13432146.

Hex triplet	ccf552	`#ccf552`
RGB Decimal	204, 245, 82	`rgb(204,245,82)`
RGB Percent	80, 96.1, 32.2	`rgb(80%,96.1%,32.2%)`
CMYK	17, 0, 67, 4
HSL	75.1°, 89.1, 64.1	`hsl(75.1,89.1%,64.1%)`
HSV (or HSB)	75.1°, 66.5, 96.1
Web Safe	ccff66	`#ccff66`

CIE-LAB	91.121, -35.024, 70.87
XYZ	59.076, 78.751, 20.07
xyY	0.374, 0.499, 78.751
CIE-LCH	91.121, 79.052, 116.299
CIE-LUV	91.121, -19.123, 90.776
Hunter-Lab	88.742, -36.468, 48.71
Binary	11001100, 11110101, 01010010

#ccf552
```
#ccf552 rgb(204,245,82)
```
#7b52f5
```
#7b52f5 rgb(123,82,245)
```

Complementary Color

#f5cd52
```
#f5cd52 rgb(245,205,82)
```
#ccf552
```
#ccf552 rgb(204,245,82)
```
#7bf552
```
#7bf552 rgb(123,245,82)
```

Analogous Color

#cd52f5
```
#cd52f5 rgb(205,82,245)
```
#ccf552
```
#ccf552 rgb(204,245,82)
```
#527bf5
```
#527bf5 rgb(82,123,245)
```

Split Complementary Color

#f552cc
```
#f552cc rgb(245,82,204)
```
#ccf552
```
#ccf552 rgb(204,245,82)
```
#52ccf5
```
#52ccf5 rgb(82,204,245)
```

Triadic Color

#f57b52
```
#f57b52 rgb(245,123,82)
```
#ccf552
```
#ccf552 rgb(204,245,82)
```
#52ccf5
```
#52ccf5 rgb(82,204,245)
```
#7b52f5
```
#7b52f5 rgb(123,82,245)
```

Tetradic Color

#b5ed0e
```
#b5ed0e rgb(181,237,14)
```
#bef222
```
#bef222 rgb(190,242,34)
```
#c5f43a
```
#c5f43a rgb(197,244,58)
```
#ccf552
```
#ccf552 rgb(204,245,82)
```
#d3f66a
```
#d3f66a rgb(211,246,106)
```
#daf882
```
#daf882 rgb(218,248,130)
```
#e1f99a
```
#e1f99a rgb(225,249,154)
```

Monochromatic Color

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

#f5f552
```
#f5f552 rgb(245,245,82)
```
#e7f552
```
#e7f552 rgb(231,245,82)
```
#daf552
```
#daf552 rgb(218,245,82)
```
#ccf552
```
#ccf552 rgb(204,245,82)
```
#bef552
```
#bef552 rgb(190,245,82)
```
#b1f552
```
#b1f552 rgb(177,245,82)
```
#a3f552
```
#a3f552 rgb(163,245,82)
```

Similar Colors

Text with hexadecimal color #ccf552

This text has a font color of #ccf552.

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

#ccf552 background color

This paragraph has a background color of #ccf552.

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

#ccf552 border color

This element has a border color of #ccf552.

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

CSS codes

.text {color:#ccf552;}

.background {background-color:#ccf552;}

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

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, #090c01 is the darkest color, while #fdfff9 is the lightest one.

#090c01
```
#090c01 rgb(9,12,1)
```
#181f02
```
#181f02 rgb(24,31,2)
```
#263203
```
#263203 rgb(38,50,3)
```
#344404
```
#344404 rgb(52,68,4)
```
#425705
```
#425705 rgb(66,87,5)
```
#506906
```
#506906 rgb(80,105,6)
```
#5e7c07
```
#5e7c07 rgb(94,124,7)
```
#6d8e08
```
#6d8e08 rgb(109,142,8)
```
#7ba109
```
#7ba109 rgb(123,161,9)
```
#89b30a
```
#89b30a rgb(137,179,10)
```
#97c60b
```
#97c60b rgb(151,198,11)
```
#a5d80d
```
#a5d80d rgb(165,216,13)
```
#b3eb0e
```
#b3eb0e rgb(179,235,14)
```

Shade Color Variation

#bcf21a
```
#bcf21a rgb(188,242,26)
```
#c1f32d
```
#c1f32d rgb(193,243,45)
```
#c7f43f
```
#c7f43f rgb(199,244,63)
```
#ccf552
```
#ccf552 rgb(204,245,82)
```
#d1f665
```
#d1f665 rgb(209,246,101)
```
#d7f777
```
#d7f777 rgb(215,247,119)
```
#dcf88a
```
#dcf88a rgb(220,248,138)
```
#e2f99c
```
#e2f99c rgb(226,249,156)
```
#e7faaf
```
#e7faaf rgb(231,250,175)
```
#edfbc1
```
#edfbc1 rgb(237,251,193)
```
#f2fdd4
```
#f2fdd4 rgb(242,253,212)
```
#f8fee6
```
#f8fee6 rgb(248,254,230)
```
#fdfff9
```
#fdfff9 rgb(253,255,249)
```

Tint Color Variation

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

#a6a89f
```
#a6a89f rgb(166,168,159)
```
#a9af98
```
#a9af98 rgb(169,175,152)
```
#adb691
```
#adb691 rgb(173,182,145)
```
#b0bd8a
```
#b0bd8a rgb(176,189,138)
```
#b4c483
```
#b4c483 rgb(180,196,131)
```
#b7cb7c
```
#b7cb7c rgb(183,203,124)
```
#bbd275
```
#bbd275 rgb(187,210,117)
```
#bed96e
```
#bed96e rgb(190,217,110)
```
#c2e067
```
#c2e067 rgb(194,224,103)
```
#c5e760
```
#c5e760 rgb(197,231,96)
```
#c9ee59
```
#c9ee59 rgb(201,238,89)
```
#ccf552
```
#ccf552 rgb(204,245,82)
```
#cffc4b
```
#cffc4b rgb(207,252,75)
```

Tone Color Variation

Below, you can see how #ccf552 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
#d4dcbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe76d Protanopia 1% of men
#ffe2bf Deuteranopia 1% of men
#e2e6f6 Tritanopia 0.001% of the population

Trichromacy

#ecec63 Protanomaly 1% of men, 0.01% of women
#ece997 Deuteranomaly 6% of men, 0.4% of women
#daebba Tritanomaly 0.01% of the population

#ccf552 hex color

#ccf552 Color Information

#ccf552 Color Conversion

Color Schemes with #ccf552

Alternatives to #ccf552

#ccf552 Preview

Shades and Tints of #ccf552

Tones of #ccf552

Color Blindness Simulator