#ccf2be hex color

In a RGB color space, hex #ccf2be is composed of 80% red, 94.9% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 0% magenta, 21.5% yellow and 5.1% black. It has a hue angle of 103.8 degrees, a saturation of 66.7% and a lightness of 84.7%. #ccf2be color hex could be obtained by blending #ffffff with #99e57d. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 80
- G 95
- B 75
RGB color chart
- C 16
- M 0
- Y 21
- K 5
CMYK color chart

● #ccf2be color description : Very soft green.

The hexadecimal color #ccf2be has RGB values of R:204, G:242, B:190 and CMYK values of C:0.16, M:0, Y:0.21, K:0.05. Its decimal value is 13431486.

Hex triplet	ccf2be	`#ccf2be`
RGB Decimal	204, 242, 190	`rgb(204,242,190)`
RGB Percent	80, 94.9, 74.5	`rgb(80%,94.9%,74.5%)`
CMYK	16, 0, 21, 5
HSL	103.8°, 66.7, 84.7	`hsl(103.8,66.7%,84.7%)`
HSV (or HSB)	103.8°, 21.5, 94.9
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	91.711, -21.629, 21.113
XYZ	65.946, 80.058, 60.691
xyY	0.319, 0.387, 80.058
CIE-LCH	91.711, 30.225, 135.691
CIE-LUV	91.711, -18.815, 34.524
Hunter-Lab	89.475, -25.022, 22.416
Binary	11001100, 11110010, 10111110

#ccf2be
```
#ccf2be rgb(204,242,190)
```
#e4bef2
```
#e4bef2 rgb(228,190,242)
```

Complementary Color

#e6f2be
```
#e6f2be rgb(230,242,190)
```
#ccf2be
```
#ccf2be rgb(204,242,190)
```
#bef2ca
```
#bef2ca rgb(190,242,202)
```

Analogous Color

#f2bee6
```
#f2bee6 rgb(242,190,230)
```
#ccf2be
```
#ccf2be rgb(204,242,190)
```
#cabef2
```
#cabef2 rgb(202,190,242)
```

Split Complementary Color

#f2becc
```
#f2becc rgb(242,190,204)
```
#ccf2be
```
#ccf2be rgb(204,242,190)
```
#beccf2
```
#beccf2 rgb(190,204,242)
```

Triadic Color

#f2e4be
```
#f2e4be rgb(242,228,190)
```
#ccf2be
```
#ccf2be rgb(204,242,190)
```
#beccf2
```
#beccf2 rgb(190,204,242)
```
#e4bef2
```
#e4bef2 rgb(228,190,242)
```

Tetradic Color

#9ae57e
```
#9ae57e rgb(154,229,126)
```
#abea94
```
#abea94 rgb(171,234,148)
```
#bbeea9
```
#bbeea9 rgb(187,238,169)
```
#ccf2be
```
#ccf2be rgb(204,242,190)
```
#ddf6d3
```
#ddf6d3 rgb(221,246,211)
```
#edfbe9
```
#edfbe9 rgb(237,251,233)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Monochromatic Color

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

#d9f2be
```
#d9f2be rgb(217,242,190)
```
#d5f2be
```
#d5f2be rgb(213,242,190)
```
#d0f2be
```
#d0f2be rgb(208,242,190)
```
#ccf2be
```
#ccf2be rgb(204,242,190)
```
#c8f2be
```
#c8f2be rgb(200,242,190)
```
#c3f2be
```
#c3f2be rgb(195,242,190)
```
#bff2be
```
#bff2be rgb(191,242,190)
```

Similar Colors

Text with hexadecimal color #ccf2be

This text has a font color of #ccf2be.

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

#ccf2be background color

This paragraph has a background color of #ccf2be.

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

#ccf2be border color

This element has a border color of #ccf2be.

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

CSS codes

.text {color:#ccf2be;}

.background {background-color:#ccf2be;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#071103
```
#071103 rgb(7,17,3)
```
#0e2107
```
#0e2107 rgb(14,33,7)
```
#15310a
```
#15310a rgb(21,49,10)
```
#1b420d
```
#1b420d rgb(27,66,13)
```
#225210
```
#225210 rgb(34,82,16)
```
#296214
```
#296214 rgb(41,98,20)
```
#307317
```
#307317 rgb(48,115,23)
```
#36831a
```
#36831a rgb(54,131,26)
```
#3d941e
```
#3d941e rgb(61,148,30)
```
#44a421
```
#44a421 rgb(68,164,33)
```
#4bb424
```
#4bb424 rgb(75,180,36)
```
#52c527
```
#52c527 rgb(82,197,39)
```

Shade Color Variation

#59d52b
```
#59d52b rgb(89,213,43)
```
#65d83b
```
#65d83b rgb(101,216,59)
```
#72db4c
```
#72db4c rgb(114,219,76)
```
#7fde5c
```
#7fde5c rgb(127,222,92)
```
#8ce26c
```
#8ce26c rgb(140,226,108)
```
#99e57d
```
#99e57d rgb(153,229,125)
```
#a6e88d
```
#a6e88d rgb(166,232,141)
```
#b2eb9d
```
#b2eb9d rgb(178,235,157)
```
#bfefae
```
#bfefae rgb(191,239,174)
```
#ccf2be
```
#ccf2be rgb(204,242,190)
```
#d9f5ce
```
#d9f5ce rgb(217,245,206)
```
#e6f9df
```
#e6f9df rgb(230,249,223)
```
#f2fcef
```
#f2fcef rgb(242,252,239)
```

Tint Color Variation

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

#d7dad6
```
#d7dad6 rgb(215,218,214)
```
#d6ddd3
```
#d6ddd3 rgb(214,221,211)
```
#d4e0d0
```
#d4e0d0 rgb(212,224,208)
```
#d3e3cd
```
#d3e3cd rgb(211,227,205)
```
#d2e6ca
```
#d2e6ca rgb(210,230,202)
```
#d0e9c7
```
#d0e9c7 rgb(208,233,199)
```
#cfecc4
```
#cfecc4 rgb(207,236,196)
```
#cdefc1
```
#cdefc1 rgb(205,239,193)
```
#ccf2be
```
#ccf2be rgb(204,242,190)
```
#cbf5bb
```
#cbf5bb rgb(203,245,187)
```
#c9f8b8
```
#c9f8b8 rgb(201,248,184)
```
#c8fbb5
```
#c8fbb5 rgb(200,251,181)
```
#c6feb2
```
#c6feb2 rgb(198,254,178)
```

Tone Color Variation

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

#e1e1e1 Achromatopsia 0.005% of the population
#dde4da Atypical Achromatopsia 0.001% of the population

Dichromacy

#f6e7bc Protanopia 1% of men
#ffe3d3 Deuteranopia 1% of men
#d9eafb Tritanopia 0.001% of the population

Trichromacy

#e6ebbd Protanomaly 1% of men, 0.01% of women
#ece8cb Deuteranomaly 6% of men, 0.4% of women
#d4ede5 Tritanomaly 0.01% of the population

#ccf2be hex color

#ccf2be Color Information

#ccf2be Color Conversion

Color Schemes with #ccf2be

Alternatives to #ccf2be

#ccf2be Preview

Shades and Tints of #ccf2be

Tones of #ccf2be

Color Blindness Simulator