#ccf2ca hex color

In a RGB color space, hex #ccf2ca is composed of 80% red, 94.9% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 0% magenta, 16.5% yellow and 5.1% black. It has a hue angle of 117 degrees, a saturation of 60.6% and a lightness of 87.1%. #ccf2ca color hex could be obtained by blending #ffffff with #99e595. Closest websafe color is: #ccffcc.

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

● #ccf2ca color description : Light grayish lime green.

The hexadecimal color #ccf2ca has RGB values of R:204, G:242, B:202 and CMYK values of C:0.16, M:0, Y:0.17, K:0.05. Its decimal value is 13431498.

Hex triplet	ccf2ca	`#ccf2ca`
RGB Decimal	204, 242, 202	`rgb(204,242,202)`
RGB Percent	80, 94.9, 79.2	`rgb(80%,94.9%,79.2%)`
CMYK	16, 0, 17, 5
HSL	117°, 60.6, 87.1	`hsl(117,60.6%,87.1%)`
HSV (or HSB)	117°, 16.5, 94.9
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	91.956, -19.647, 15.272
XYZ	67.312, 80.605, 67.886
xyY	0.312, 0.374, 80.605
CIE-LCH	91.956, 24.884, 142.142
CIE-LUV	91.956, -19.031, 26.077
Hunter-Lab	89.78, -23.286, 18.015
Binary	11001100, 11110010, 11001010

#ccf2ca
```
#ccf2ca rgb(204,242,202)
```
#f0caf2
```
#f0caf2 rgb(240,202,242)
```

Complementary Color

#e0f2ca
```
#e0f2ca rgb(224,242,202)
```
#ccf2ca
```
#ccf2ca rgb(204,242,202)
```
#caf2dc
```
#caf2dc rgb(202,242,220)
```

Analogous Color

#f2cae0
```
#f2cae0 rgb(242,202,224)
```
#ccf2ca
```
#ccf2ca rgb(204,242,202)
```
#dccaf2
```
#dccaf2 rgb(220,202,242)
```

Split Complementary Color

#f2cacc
```
#f2cacc rgb(242,202,204)
```
#ccf2ca
```
#ccf2ca rgb(204,242,202)
```
#caccf2
```
#caccf2 rgb(202,204,242)
```

Triadic Color

#f2f0ca
```
#f2f0ca rgb(242,240,202)
```
#ccf2ca
```
#ccf2ca rgb(204,242,202)
```
#caccf2
```
#caccf2 rgb(202,204,242)
```
#f0caf2
```
#f0caf2 rgb(240,202,242)
```

Tetradic Color

#91e38d
```
#91e38d rgb(145,227,141)
```
#a5e8a1
```
#a5e8a1 rgb(165,232,161)
```
#b8edb6
```
#b8edb6 rgb(184,237,182)
```
#ccf2ca
```
#ccf2ca rgb(204,242,202)
```
#e0f7de
```
#e0f7de rgb(224,247,222)
```
#f3fcf3
```
#f3fcf3 rgb(243,252,243)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#d6f2ca
```
#d6f2ca rgb(214,242,202)
```
#d3f2ca
```
#d3f2ca rgb(211,242,202)
```
#cff2ca
```
#cff2ca rgb(207,242,202)
```
#ccf2ca
```
#ccf2ca rgb(204,242,202)
```
#caf2cb
```
#caf2cb rgb(202,242,203)
```
#caf2cf
```
#caf2cf rgb(202,242,207)
```
#caf2d2
```
#caf2d2 rgb(202,242,210)
```

Similar Colors

Text with hexadecimal color #ccf2ca

This text has a font color of #ccf2ca.

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

#ccf2ca background color

This paragraph has a background color of #ccf2ca.

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

#ccf2ca border color

This element has a border color of #ccf2ca.

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

CSS codes

.text {color:#ccf2ca;}

.background {background-color:#ccf2ca;}

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

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, #030a02 is the darkest color, while #f9fef9 is the lightest one.

#030a02
```
#030a02 rgb(3,10,2)
```
#071a06
```
#071a06 rgb(7,26,6)
```
#0c2a0a
```
#0c2a0a rgb(12,42,10)
```
#10390e
```
#10390e rgb(16,57,14)
```
#154912
```
#154912 rgb(21,73,18)
```
#195916
```
#195916 rgb(25,89,22)
```
#1e691a
```
#1e691a rgb(30,105,26)
```
#22781e
```
#22781e rgb(34,120,30)
```
#268821
```
#268821 rgb(38,136,33)
```
#2b9825
```
#2b9825 rgb(43,152,37)
```
#2fa829
```
#2fa829 rgb(47,168,41)
```
#34b72d
```
#34b72d rgb(52,183,45)
```
#38c731
```
#38c731 rgb(56,199,49)
```

Shade Color Variation

#44cf3c
```
#44cf3c rgb(68,207,60)
```
#53d34c
```
#53d34c rgb(83,211,76)
```
#62d75c
```
#62d75c rgb(98,215,92)
```
#71db6b
```
#71db6b rgb(113,219,107)
```
#80df7b
```
#80df7b rgb(128,223,123)
```
#8fe38b
```
#8fe38b rgb(143,227,139)
```
#9fe69b
```
#9fe69b rgb(159,230,155)
```
#aeeaaa
```
#aeeaaa rgb(174,234,170)
```
#bdeeba
```
#bdeeba rgb(189,238,186)
```
#ccf2ca
```
#ccf2ca rgb(204,242,202)
```
#dbf6da
```
#dbf6da rgb(219,246,218)
```
#eafaea
```
#eafaea rgb(234,250,234)
```
#f9fef9
```
#f9fef9 rgb(249,254,249)
```

Tint Color Variation

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

#dce0dc
```
#dce0dc rgb(220,224,220)
```
#dae3d9
```
#dae3d9 rgb(218,227,217)
```
#d7e5d7
```
#d7e5d7 rgb(215,229,215)
```
#d5e8d4
```
#d5e8d4 rgb(213,232,212)
```
#d3ead2
```
#d3ead2 rgb(211,234,210)
```
#d1edcf
```
#d1edcf rgb(209,237,207)
```
#ceefcd
```
#ceefcd rgb(206,239,205)
```
#ccf2ca
```
#ccf2ca rgb(204,242,202)
```
#caf5c7
```
#caf5c7 rgb(202,245,199)
```
#c7f7c5
```
#c7f7c5 rgb(199,247,197)
```
#c5fac2
```
#c5fac2 rgb(197,250,194)
```
#c3fcc0
```
#c3fcc0 rgb(195,252,192)
```
#c1ffbd
```
#c1ffbd rgb(193,255,189)
```

Tone Color Variation

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

#e2e2e2 Achromatopsia 0.005% of the population
#dee5dd Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4e8c8 Protanopia 1% of men
#ffe3d9 Deuteranopia 1% of men
#d8ebfc Tritanopia 0.001% of the population

Trichromacy

#e5ebc8 Protanomaly 1% of men, 0.01% of women
#ece8d3 Deuteranomaly 6% of men, 0.4% of women
#d3eeea Tritanomaly 0.01% of the population

#ccf2ca hex color

#ccf2ca Color Information

#ccf2ca Color Conversion

Color Schemes with #ccf2ca

Alternatives to #ccf2ca

#ccf2ca Preview

Shades and Tints of #ccf2ca

Tones of #ccf2ca

Color Blindness Simulator