#caf2cc hex color

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

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

● #caf2cc color description : Light grayish lime green.

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

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

CIE-LAB	91.873, -19.967, 14.103
XYZ	67.006, 80.419, 69.116
xyY	0.309, 0.371, 80.419
CIE-LCH	91.873, 24.445, 144.765
CIE-LUV	91.873, -20.091, 24.469
Hunter-Lab	89.677, -23.561, 17.078
Binary	11001010, 11110010, 11001100

#caf2cc
```
#caf2cc rgb(202,242,204)
```
#f2caf0
```
#f2caf0 rgb(242,202,240)
```

Complementary Color

#dcf2ca
```
#dcf2ca rgb(220,242,202)
```
#caf2cc
```
#caf2cc rgb(202,242,204)
```
#caf2e0
```
#caf2e0 rgb(202,242,224)
```

Analogous Color

#f2cadc
```
#f2cadc rgb(242,202,220)
```
#caf2cc
```
#caf2cc rgb(202,242,204)
```
#e0caf2
```
#e0caf2 rgb(224,202,242)
```

Split Complementary Color

#f2ccca
```
#f2ccca rgb(242,204,202)
```
#caf2cc
```
#caf2cc rgb(202,242,204)
```
#cccaf2
```
#cccaf2 rgb(204,202,242)
```

Triadic Color

#f0f2ca
```
#f0f2ca rgb(240,242,202)
```
#caf2cc
```
#caf2cc rgb(202,242,204)
```
#cccaf2
```
#cccaf2 rgb(204,202,242)
```
#f2caf0
```
#f2caf0 rgb(242,202,240)
```

Tetradic Color

#8de391
```
#8de391 rgb(141,227,145)
```
#a1e8a5
```
#a1e8a5 rgb(161,232,165)
```
#b6edb8
```
#b6edb8 rgb(182,237,184)
```
#caf2cc
```
#caf2cc rgb(202,242,204)
```
#def7e0
```
#def7e0 rgb(222,247,224)
```
#f3fcf3
```
#f3fcf3 rgb(243,252,243)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#d2f2ca
```
#d2f2ca rgb(210,242,202)
```
#cff2ca
```
#cff2ca rgb(207,242,202)
```
#cbf2ca
```
#cbf2ca rgb(203,242,202)
```
#caf2cc
```
#caf2cc rgb(202,242,204)
```
#caf2cf
```
#caf2cf rgb(202,242,207)
```
#caf2d3
```
#caf2d3 rgb(202,242,211)
```
#caf2d6
```
#caf2d6 rgb(202,242,214)
```

Similar Colors

Text with hexadecimal color #caf2cc

This text has a font color of #caf2cc.

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

#caf2cc background color

This paragraph has a background color of #caf2cc.

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

#caf2cc border color

This element has a border color of #caf2cc.

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

CSS codes

.text {color:#caf2cc;}

.background {background-color:#caf2cc;}

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

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

#020a03
```
#020a03 rgb(2,10,3)
```
#061a07
```
#061a07 rgb(6,26,7)
```
#0a2a0c
```
#0a2a0c rgb(10,42,12)
```
#0e3910
```
#0e3910 rgb(14,57,16)
```
#124915
```
#124915 rgb(18,73,21)
```
#165919
```
#165919 rgb(22,89,25)
```
#1a691e
```
#1a691e rgb(26,105,30)
```
#1e7822
```
#1e7822 rgb(30,120,34)
```
#218826
```
#218826 rgb(33,136,38)
```
#25982b
```
#25982b rgb(37,152,43)
```
#29a82f
```
#29a82f rgb(41,168,47)
```
#2db734
```
#2db734 rgb(45,183,52)
```
#31c738
```
#31c738 rgb(49,199,56)
```

Shade Color Variation

#3ccf44
```
#3ccf44 rgb(60,207,68)
```
#4cd353
```
#4cd353 rgb(76,211,83)
```
#5cd762
```
#5cd762 rgb(92,215,98)
```
#6bdb71
```
#6bdb71 rgb(107,219,113)
```
#7bdf80
```
#7bdf80 rgb(123,223,128)
```
#8be38f
```
#8be38f rgb(139,227,143)
```
#9be69f
```
#9be69f rgb(155,230,159)
```
#aaeaae
```
#aaeaae rgb(170,234,174)
```
#baeebd
```
#baeebd rgb(186,238,189)
```
#caf2cc
```
#caf2cc rgb(202,242,204)
```
#daf6db
```
#daf6db rgb(218,246,219)
```
#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 #bdffc1 is the most saturated one.

#dce0dc
```
#dce0dc rgb(220,224,220)
```
#d9e3da
```
#d9e3da rgb(217,227,218)
```
#d7e5d7
```
#d7e5d7 rgb(215,229,215)
```
#d4e8d5
```
#d4e8d5 rgb(212,232,213)
```
#d2ead3
```
#d2ead3 rgb(210,234,211)
```
#cfedd1
```
#cfedd1 rgb(207,237,209)
```
#cdefce
```
#cdefce rgb(205,239,206)
```
#caf2cc
```
#caf2cc rgb(202,242,204)
```
#c7f5ca
```
#c7f5ca rgb(199,245,202)
```
#c5f7c7
```
#c5f7c7 rgb(197,247,199)
```
#c2fac5
```
#c2fac5 rgb(194,250,197)
```
#c0fcc3
```
#c0fcc3 rgb(192,252,195)
```
#bdffc1
```
#bdffc1 rgb(189,255,193)
```

Tone Color Variation

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

Dichromacy

#f4e8c9 Protanopia 1% of men
#ffe3d9 Deuteranopia 1% of men
#d6ebfc Tritanopia 0.001% of the population

Trichromacy

#e4ebca Protanomaly 1% of men, 0.01% of women
#ebe8d4 Deuteranomaly 6% of men, 0.4% of women
#d1eeeb Tritanomaly 0.01% of the population

#caf2cc hex color

#caf2cc Color Information

#caf2cc Color Conversion

Color Schemes with #caf2cc

Alternatives to #caf2cc

#caf2cc Preview

Shades and Tints of #caf2cc

Tones of #caf2cc

Color Blindness Simulator