#caf2d1 hex color

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

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

● #caf2d1 color description : Light grayish lime green.

The hexadecimal color #caf2d1 has RGB values of R:202, G:242, B:209 and CMYK values of C:0.17, M:0, Y:0.14, K:0.05. Its decimal value is 13300433.

Hex triplet	caf2d1	`#caf2d1`
RGB Decimal	202, 242, 209	`rgb(202,242,209)`
RGB Percent	79.2, 94.9, 82	`rgb(79.2%,94.9%,82%)`
CMYK	17, 0, 14, 5
HSL	130.5°, 60.6, 87.1	`hsl(130.5,60.6%,87.1%)`
HSV (or HSB)	130.5°, 16.5, 94.9
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	91.981, -19.091, 11.67
XYZ	67.615, 80.663, 72.325
xyY	0.307, 0.366, 80.663
CIE-LCH	91.981, 22.376, 148.563
CIE-LUV	91.981, -20.177, 20.819
Hunter-Lab	89.813, -22.789, 15.123
Binary	11001010, 11110010, 11010001

#caf2d1
```
#caf2d1 rgb(202,242,209)
```
#f2caeb
```
#f2caeb rgb(242,202,235)
```

Complementary Color

#d7f2ca
```
#d7f2ca rgb(215,242,202)
```
#caf2d1
```
#caf2d1 rgb(202,242,209)
```
#caf2e5
```
#caf2e5 rgb(202,242,229)
```

Analogous Color

#f2cad7
```
#f2cad7 rgb(242,202,215)
```
#caf2d1
```
#caf2d1 rgb(202,242,209)
```
#e5caf2
```
#e5caf2 rgb(229,202,242)
```

Split Complementary Color

#f2d1ca
```
#f2d1ca rgb(242,209,202)
```
#caf2d1
```
#caf2d1 rgb(202,242,209)
```
#d1caf2
```
#d1caf2 rgb(209,202,242)
```

Triadic Color

#ebf2ca
```
#ebf2ca rgb(235,242,202)
```
#caf2d1
```
#caf2d1 rgb(202,242,209)
```
#d1caf2
```
#d1caf2 rgb(209,202,242)
```
#f2caeb
```
#f2caeb rgb(242,202,235)
```

Tetradic Color

#8de39c
```
#8de39c rgb(141,227,156)
```
#a1e8ad
```
#a1e8ad rgb(161,232,173)
```
#b6edbf
```
#b6edbf rgb(182,237,191)
```
#caf2d1
```
#caf2d1 rgb(202,242,209)
```
#def7e3
```
#def7e3 rgb(222,247,227)
```
#f3fcf5
```
#f3fcf5 rgb(243,252,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cdf2ca
```
#cdf2ca rgb(205,242,202)
```
#caf2ca
```
#caf2ca rgb(202,242,202)
```
#caf2ce
```
#caf2ce rgb(202,242,206)
```
#caf2d1
```
#caf2d1 rgb(202,242,209)
```
#caf2d4
```
#caf2d4 rgb(202,242,212)
```
#caf2d8
```
#caf2d8 rgb(202,242,216)
```
#caf2db
```
#caf2db rgb(202,242,219)
```

Similar Colors

Text with hexadecimal color #caf2d1

This text has a font color of #caf2d1.

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

#caf2d1 background color

This paragraph has a background color of #caf2d1.

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

#caf2d1 border color

This element has a border color of #caf2d1.

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

CSS codes

.text {color:#caf2d1;}

.background {background-color:#caf2d1;}

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

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

#020a04
```
#020a04 rgb(2,10,4)
```
#061a0a
```
#061a0a rgb(6,26,10)
```
#0a2a10
```
#0a2a10 rgb(10,42,16)
```
#0e3916
```
#0e3916 rgb(14,57,22)
```
#12491c
```
#12491c rgb(18,73,28)
```
#165921
```
#165921 rgb(22,89,33)
```
#1a6927
```
#1a6927 rgb(26,105,39)
```
#1e782d
```
#1e782d rgb(30,120,45)
```
#218833
```
#218833 rgb(33,136,51)
```
#259839
```
#259839 rgb(37,152,57)
```
#29a83f
```
#29a83f rgb(41,168,63)
```
#2db745
```
#2db745 rgb(45,183,69)
```
#31c74b
```
#31c74b rgb(49,199,75)
```

Shade Color Variation

#3ccf56
```
#3ccf56 rgb(60,207,86)
```
#4cd364
```
#4cd364 rgb(76,211,100)
```
#5cd771
```
#5cd771 rgb(92,215,113)
```
#6bdb7f
```
#6bdb7f rgb(107,219,127)
```
#7bdf8d
```
#7bdf8d rgb(123,223,141)
```
#8be39a
```
#8be39a rgb(139,227,154)
```
#9be6a8
```
#9be6a8 rgb(155,230,168)
```
#aaeab6
```
#aaeab6 rgb(170,234,182)
```
#baeec3
```
#baeec3 rgb(186,238,195)
```
#caf2d1
```
#caf2d1 rgb(202,242,209)
```
#daf6df
```
#daf6df rgb(218,246,223)
```
#eafaec
```
#eafaec rgb(234,250,236)
```
#f9fefa
```
#f9fefa rgb(249,254,250)
```

Tint Color Variation

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

#dce0dd
```
#dce0dd rgb(220,224,221)
```
#d9e3db
```
#d9e3db rgb(217,227,219)
```
#d7e5d9
```
#d7e5d9 rgb(215,229,217)
```
#d4e8d8
```
#d4e8d8 rgb(212,232,216)
```
#d2ead6
```
#d2ead6 rgb(210,234,214)
```
#cfedd4
```
#cfedd4 rgb(207,237,212)
```
#cdefd3
```
#cdefd3 rgb(205,239,211)
```
#caf2d1
```
#caf2d1 rgb(202,242,209)
```
#c7f5cf
```
#c7f5cf rgb(199,245,207)
```
#c5f7ce
```
#c5f7ce rgb(197,247,206)
```
#c2facc
```
#c2facc rgb(194,250,204)
```
#c0fcca
```
#c0fcca rgb(192,252,202)
```
#bdffc9
```
#bdffc9 rgb(189,255,201)
```

Tone Color Variation

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

Dichromacy

#f3e8ce Protanopia 1% of men
#ffe3dc Deuteranopia 1% of men
#d5ecfd Tritanopia 0.001% of the population

Trichromacy

#e4ebcf Protanomaly 1% of men, 0.01% of women
#ebe8d8 Deuteranomaly 6% of men, 0.4% of women
#d1eeed Tritanomaly 0.01% of the population

#caf2d1 hex color

#caf2d1 Color Information

#caf2d1 Color Conversion

Color Schemes with #caf2d1

Alternatives to #caf2d1

#caf2d1 Preview

Shades and Tints of #caf2d1

Tones of #caf2d1

Color Blindness Simulator