#caf7e2 hex color

In a RGB color space, hex #caf7e2 is composed of 79.2% red, 96.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 8.5% yellow and 3.1% black. It has a hue angle of 152 degrees, a saturation of 73.8% and a lightness of 88%. #caf7e2 color hex could be obtained by blending #ffffff with #95efc5. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 79
- G 97
- B 89
RGB color chart
- C 18
- M 0
- Y 9
- K 3
CMYK color chart

● #caf7e2 color description : Light grayish cyan - lime green.

The hexadecimal color #caf7e2 has RGB values of R:202, G:247, B:226 and CMYK values of C:0.18, M:0, Y:0.09, K:0.03. Its decimal value is 13301730.

Hex triplet	caf7e2	`#caf7e2`
RGB Decimal	202, 247, 226	`rgb(202,247,226)`
RGB Percent	79.2, 96.9, 88.6	`rgb(79.2%,96.9%,88.6%)`
CMYK	18, 0, 9, 3
HSL	152°, 73.8, 88	`hsl(152,73.8%,88%)`
HSV (or HSB)	152°, 18.2, 96.9
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	93.696, -18.428, 5.33
XYZ	71.342, 84.567, 84.512
xyY	0.297, 0.352, 84.567
CIE-LCH	93.696, 19.184, 163.868
CIE-LUV	93.696, -22.832, 11.363
Hunter-Lab	91.961, -22.452, 9.885
Binary	11001010, 11110111, 11100010

#caf7e2
```
#caf7e2 rgb(202,247,226)
```
#f7cadf
```
#f7cadf rgb(247,202,223)
```

Complementary Color

#caf7cc
```
#caf7cc rgb(202,247,204)
```
#caf7e2
```
#caf7e2 rgb(202,247,226)
```
#caf6f7
```
#caf6f7 rgb(202,246,247)
```

Analogous Color

#f7ccca
```
#f7ccca rgb(247,204,202)
```
#caf7e2
```
#caf7e2 rgb(202,247,226)
```
#f7caf6
```
#f7caf6 rgb(247,202,246)
```

Split Complementary Color

#f7e2ca
```
#f7e2ca rgb(247,226,202)
```
#caf7e2
```
#caf7e2 rgb(202,247,226)
```
#e2caf7
```
#e2caf7 rgb(226,202,247)
```

Triadic Color

#dff7ca
```
#dff7ca rgb(223,247,202)
```
#caf7e2
```
#caf7e2 rgb(202,247,226)
```
#e2caf7
```
#e2caf7 rgb(226,202,247)
```
#f7cadf
```
#f7cadf rgb(247,202,223)
```

Tetradic Color

#88edbe
```
#88edbe rgb(136,237,190)
```
#9ef0ca
```
#9ef0ca rgb(158,240,202)
```
#b4f4d6
```
#b4f4d6 rgb(180,244,214)
```
#caf7e2
```
#caf7e2 rgb(202,247,226)
```
#e0faee
```
#e0faee rgb(224,250,238)
```
#f6fefa
```
#f6fefa rgb(246,254,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#caf7d7
```
#caf7d7 rgb(202,247,215)
```
#caf7db
```
#caf7db rgb(202,247,219)
```
#caf7de
```
#caf7de rgb(202,247,222)
```
#caf7e2
```
#caf7e2 rgb(202,247,226)
```
#caf7e6
```
#caf7e6 rgb(202,247,230)
```
#caf7ea
```
#caf7ea rgb(202,247,234)
```
#caf7ed
```
#caf7ed rgb(202,247,237)
```

Similar Colors

Text with hexadecimal color #caf7e2

This text has a font color of #caf7e2.

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

#caf7e2 background color

This paragraph has a background color of #caf7e2.

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

#caf7e2 border color

This element has a border color of #caf7e2.

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

CSS codes

.text {color:#caf7e2;}

.background {background-color:#caf7e2;}

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

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

#020f09
```
#020f09 rgb(2,15,9)
```
#052013
```
#052013 rgb(5,32,19)
```
#07311e
```
#07311e rgb(7,49,30)
```
#0a4228
```
#0a4228 rgb(10,66,40)
```
#0d5332
```
#0d5332 rgb(13,83,50)
```
#0f643d
```
#0f643d rgb(15,100,61)
```
#127547
```
#127547 rgb(18,117,71)
```
#148651
```
#148651 rgb(20,134,81)
```
#17985b
```
#17985b rgb(23,152,91)
```
#19a966
```
#19a966 rgb(25,169,102)
```
#1cba70
```
#1cba70 rgb(28,186,112)
```
#1fcb7a
```
#1fcb7a rgb(31,203,122)
```
#21dc85
```
#21dc85 rgb(33,220,133)
```

Shade Color Variation

#31e08e
```
#31e08e rgb(49,224,142)
```
#42e297
```
#42e297 rgb(66,226,151)
```
#53e5a1
```
#53e5a1 rgb(83,229,161)
```
#64e8aa
```
#64e8aa rgb(100,232,170)
```
#75eab3
```
#75eab3 rgb(117,234,179)
```
#86edbd
```
#86edbd rgb(134,237,189)
```
#97efc6
```
#97efc6 rgb(151,239,198)
```
#a8f2cf
```
#a8f2cf rgb(168,242,207)
```
#b9f4d9
```
#b9f4d9 rgb(185,244,217)
```
#caf7e2
```
#caf7e2 rgb(202,247,226)
```
#dbfaeb
```
#dbfaeb rgb(219,250,235)
```
#ecfcf5
```
#ecfcf5 rgb(236,252,245)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#dfe2e1
```
#dfe2e1 rgb(223,226,225)
```
#dde4e1
```
#dde4e1 rgb(221,228,225)
```
#dae7e1
```
#dae7e1 rgb(218,231,225)
```
#d8e9e1
```
#d8e9e1 rgb(216,233,225)
```
#d6ebe1
```
#d6ebe1 rgb(214,235,225)
```
#d3eee1
```
#d3eee1 rgb(211,238,225)
```
#d1f0e2
```
#d1f0e2 rgb(209,240,226)
```
#cff2e2
```
#cff2e2 rgb(207,242,226)
```
#ccf5e2
```
#ccf5e2 rgb(204,245,226)
```
#caf7e2
```
#caf7e2 rgb(202,247,226)
```
#c8f9e2
```
#c8f9e2 rgb(200,249,226)
```
#c5fce2
```
#c5fce2 rgb(197,252,226)
```
#c3fee2
```
#c3fee2 rgb(195,254,226)
```

Tone Color Variation

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

#e7e7e7 Achromatopsia 0.005% of the population
#e1eae6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5ecde Protanopia 1% of men
#ffe8ea Deuteranopia 1% of men
#daf1ff Tritanopia 0.001% of the population

Trichromacy

#e5f0df Protanomaly 1% of men, 0.01% of women
#ebede7 Deuteranomaly 6% of men, 0.4% of women
#d4f3f4 Tritanomaly 0.01% of the population

#caf7e2 hex color

#caf7e2 Color Information

#caf7e2 Color Conversion

Color Schemes with #caf7e2

Alternatives to #caf7e2

#caf7e2 Preview

Shades and Tints of #caf7e2

Tones of #caf7e2

Color Blindness Simulator