#caf5e9 hex color

In a RGB color space, hex #caf5e9 is composed of 79.2% red, 96.1% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 0% magenta, 4.9% yellow and 3.9% black. It has a hue angle of 163.3 degrees, a saturation of 68.3% and a lightness of 87.6%. #caf5e9 color hex could be obtained by blending #ffffff with #95ebd3. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 79
- G 96
- B 91
RGB color chart
- C 18
- M 0
- Y 5
- K 4
CMYK color chart

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

The hexadecimal color #caf5e9 has RGB values of R:202, G:245, B:233 and CMYK values of C:0.18, M:0, Y:0.05, K:0.04. Its decimal value is 13301225.

Hex triplet	caf5e9	`#caf5e9`
RGB Decimal	202, 245, 233	`rgb(202,245,233)`
RGB Percent	79.2, 96.1, 91.4	`rgb(79.2%,96.1%,91.4%)`
CMYK	18, 0, 5, 4
HSL	163.3°, 68.3, 87.6	`hsl(163.3,68.3%,87.6%)`
HSV (or HSB)	163.3°, 17.6, 96.1
Web Safe	ccffff	`#ccffff`

CIE-LAB	93.339, -16.098, 1.186
XYZ	71.714, 83.743, 89.472
xyY	0.293, 0.342, 83.743
CIE-LCH	93.339, 16.142, 175.787
CIE-LUV	93.339, -22.006, 4.632
Hunter-Lab	91.511, -20.26, 6.089
Binary	11001010, 11110101, 11101001

#caf5e9
```
#caf5e9 rgb(202,245,233)
```
#f5cad6
```
#f5cad6 rgb(245,202,214)
```

Complementary Color

#caf5d4
```
#caf5d4 rgb(202,245,212)
```
#caf5e9
```
#caf5e9 rgb(202,245,233)
```
#caecf5
```
#caecf5 rgb(202,236,245)
```

Analogous Color

#f5d4ca
```
#f5d4ca rgb(245,212,202)
```
#caf5e9
```
#caf5e9 rgb(202,245,233)
```
#f5caec
```
#f5caec rgb(245,202,236)
```

Split Complementary Color

#f5e9ca
```
#f5e9ca rgb(245,233,202)
```
#caf5e9
```
#caf5e9 rgb(202,245,233)
```
#e9caf5
```
#e9caf5 rgb(233,202,245)
```

Triadic Color

#d6f5ca
```
#d6f5ca rgb(214,245,202)
```
#caf5e9
```
#caf5e9 rgb(202,245,233)
```
#e9caf5
```
#e9caf5 rgb(233,202,245)
```
#f5cad6
```
#f5cad6 rgb(245,202,214)
```

Tetradic Color

#8ae9ce
```
#8ae9ce rgb(138,233,206)
```
#9fedd7
```
#9fedd7 rgb(159,237,215)
```
#b5f1e0
```
#b5f1e0 rgb(181,241,224)
```
#caf5e9
```
#caf5e9 rgb(202,245,233)
```
#dff9f2
```
#dff9f2 rgb(223,249,242)
```
#f5fdfb
```
#f5fdfb rgb(245,253,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#caf5de
```
#caf5de rgb(202,245,222)
```
#caf5e2
```
#caf5e2 rgb(202,245,226)
```
#caf5e5
```
#caf5e5 rgb(202,245,229)
```
#caf5e9
```
#caf5e9 rgb(202,245,233)
```
#caf5ed
```
#caf5ed rgb(202,245,237)
```
#caf5f0
```
#caf5f0 rgb(202,245,240)
```
#caf5f4
```
#caf5f4 rgb(202,245,244)
```

Similar Colors

Text with hexadecimal color #caf5e9

This text has a font color of #caf5e9.

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

#caf5e9 background color

This paragraph has a background color of #caf5e9.

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

#caf5e9 border color

This element has a border color of #caf5e9.

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

CSS codes

.text {color:#caf5e9;}

.background {background-color:#caf5e9;}

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

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

#020d0a
```
#020d0a rgb(2,13,10)
```
#061e17
```
#061e17 rgb(6,30,23)
```
#092e24
```
#092e24 rgb(9,46,36)
```
#0c3f30
```
#0c3f30 rgb(12,63,48)
```
#0f4f3d
```
#0f4f3d rgb(15,79,61)
```
#12604a
```
#12604a rgb(18,96,74)
```
#157057
```
#157057 rgb(21,112,87)
```
#188163
```
#188163 rgb(24,129,99)
```
#1b9170
```
#1b9170 rgb(27,145,112)
```
#1ea27d
```
#1ea27d rgb(30,162,125)
```
#22b28a
```
#22b28a rgb(34,178,138)
```
#25c396
```
#25c396 rgb(37,195,150)
```
#28d3a3
```
#28d3a3 rgb(40,211,163)
```

Shade Color Variation

#35d9ab
```
#35d9ab rgb(53,217,171)
```
#46dcb2
```
#46dcb2 rgb(70,220,178)
```
#56dfb9
```
#56dfb9 rgb(86,223,185)
```
#67e2c0
```
#67e2c0 rgb(103,226,192)
```
#77e5c7
```
#77e5c7 rgb(119,229,199)
```
#88e9ce
```
#88e9ce rgb(136,233,206)
```
#98ecd4
```
#98ecd4 rgb(152,236,212)
```
#a9efdb
```
#a9efdb rgb(169,239,219)
```
#b9f2e2
```
#b9f2e2 rgb(185,242,226)
```
#caf5e9
```
#caf5e9 rgb(202,245,233)
```
#dbf8f0
```
#dbf8f0 rgb(219,248,240)
```
#ebfbf7
```
#ebfbf7 rgb(235,251,247)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#dde2e0
```
#dde2e0 rgb(221,226,224)
```
#dbe4e2
```
#dbe4e2 rgb(219,228,226)
```
#d9e6e3
```
#d9e6e3 rgb(217,230,227)
```
#d6e9e4
```
#d6e9e4 rgb(214,233,228)
```
#d4ebe5
```
#d4ebe5 rgb(212,235,229)
```
#d1eee6
```
#d1eee6 rgb(209,238,230)
```
#cff0e7
```
#cff0e7 rgb(207,240,231)
```
#ccf3e8
```
#ccf3e8 rgb(204,243,232)
```
#caf5e9
```
#caf5e9 rgb(202,245,233)
```
#c8f7ea
```
#c8f7ea rgb(200,247,234)
```
#c5faeb
```
#c5faeb rgb(197,250,235)
```
#c3fcec
```
#c3fcec rgb(195,252,236)
```
#c0ffed
```
#c0ffed rgb(192,255,237)
```

Tone Color Variation

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

Dichromacy

#f2ebe5 Protanopia 1% of men
#ffe6ee Deuteranopia 1% of men
#d7f0ff Tritanopia 0.001% of the population

Trichromacy

#e3efe6 Protanomaly 1% of men, 0.01% of women
#ebebec Deuteranomaly 6% of men, 0.4% of women
#d2f2f7 Tritanomaly 0.01% of the population

#caf5e9 hex color

#caf5e9 Color Information

#caf5e9 Color Conversion

Color Schemes with #caf5e9

Alternatives to #caf5e9

#caf5e9 Preview

Shades and Tints of #caf5e9

Tones of #caf5e9

Color Blindness Simulator