#caf4e0 hex color

In a RGB color space, hex #caf4e0 is composed of 79.2% red, 95.7% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 17.2% cyan, 0% magenta, 8.2% yellow and 4.3% black. It has a hue angle of 151.4 degrees, a saturation of 65.6% and a lightness of 87.5%. #caf4e0 color hex could be obtained by blending #ffffff with #95e9c1. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 79
- G 96
- B 88
RGB color chart
- C 17
- M 0
- Y 8
- K 4
CMYK color chart

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

The hexadecimal color #caf4e0 has RGB values of R:202, G:244, B:224 and CMYK values of C:0.17, M:0, Y:0.08, K:0.04. Its decimal value is 13300960.

Hex triplet	caf4e0	`#caf4e0`
RGB Decimal	202, 244, 224	`rgb(202,244,224)`
RGB Percent	79.2, 95.7, 87.8	`rgb(79.2%,95.7%,87.8%)`
CMYK	17, 0, 8, 4
HSL	151.4°, 65.6, 87.5	`hsl(151.4,65.6%,87.5%)`
HSV (or HSB)	151.4°, 17.2, 95.7
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	92.856, -17.331, 5.151
XYZ	70.159, 82.638, 82.771
xyY	0.298, 0.351, 82.638
CIE-LCH	92.856, 18.08, 163.446
CIE-LUV	92.856, -21.389, 10.889
Hunter-Lab	90.906, -21.322, 9.649
Binary	11001010, 11110100, 11100000

#caf4e0
```
#caf4e0 rgb(202,244,224)
```
#f4cade
```
#f4cade rgb(244,202,222)
```

Complementary Color

#caf4cb
```
#caf4cb rgb(202,244,203)
```
#caf4e0
```
#caf4e0 rgb(202,244,224)
```
#caf3f4
```
#caf3f4 rgb(202,243,244)
```

Analogous Color

#f4cbca
```
#f4cbca rgb(244,203,202)
```
#caf4e0
```
#caf4e0 rgb(202,244,224)
```
#f4caf3
```
#f4caf3 rgb(244,202,243)
```

Split Complementary Color

#f4e0ca
```
#f4e0ca rgb(244,224,202)
```
#caf4e0
```
#caf4e0 rgb(202,244,224)
```
#e0caf4
```
#e0caf4 rgb(224,202,244)
```

Triadic Color

#def4ca
```
#def4ca rgb(222,244,202)
```
#caf4e0
```
#caf4e0 rgb(202,244,224)
```
#e0caf4
```
#e0caf4 rgb(224,202,244)
```
#f4cade
```
#f4cade rgb(244,202,222)
```

Tetradic Color

#8be7bb
```
#8be7bb rgb(139,231,187)
```
#a0ebc7
```
#a0ebc7 rgb(160,235,199)
```
#b5f0d4
```
#b5f0d4 rgb(181,240,212)
```
#caf4e0
```
#caf4e0 rgb(202,244,224)
```
#dff8ec
```
#dff8ec rgb(223,248,236)
```
#f4fdf9
```
#f4fdf9 rgb(244,253,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#caf4d6
```
#caf4d6 rgb(202,244,214)
```
#caf4d9
```
#caf4d9 rgb(202,244,217)
```
#caf4dd
```
#caf4dd rgb(202,244,221)
```
#caf4e0
```
#caf4e0 rgb(202,244,224)
```
#caf4e4
```
#caf4e4 rgb(202,244,228)
```
#caf4e7
```
#caf4e7 rgb(202,244,231)
```
#caf4eb
```
#caf4eb rgb(202,244,235)
```

Similar Colors

Text with hexadecimal color #caf4e0

This text has a font color of #caf4e0.

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

#caf4e0 background color

This paragraph has a background color of #caf4e0.

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

#caf4e0 border color

This element has a border color of #caf4e0.

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

CSS codes

.text {color:#caf4e0;}

.background {background-color:#caf4e0;}

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

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

#020c07
```
#020c07 rgb(2,12,7)
```
#061c12
```
#061c12 rgb(6,28,18)
```
#092c1c
```
#092c1c rgb(9,44,28)
```
#0d3d26
```
#0d3d26 rgb(13,61,38)
```
#104d30
```
#104d30 rgb(16,77,48)
```
#135d3a
```
#135d3a rgb(19,93,58)
```
#176d44
```
#176d44 rgb(23,109,68)
```
#1a7e4e
```
#1a7e4e rgb(26,126,78)
```
#1d8e58
```
#1d8e58 rgb(29,142,88)
```
#219e62
```
#219e62 rgb(33,158,98)
```
#24ae6d
```
#24ae6d rgb(36,174,109)
```
#28bf77
```
#28bf77 rgb(40,191,119)
```
#2bcf81
```
#2bcf81 rgb(43,207,129)
```

Shade Color Variation

#38d68a
```
#38d68a rgb(56,214,138)
```
#48d994
```
#48d994 rgb(72,217,148)
```
#58dc9d
```
#58dc9d rgb(88,220,157)
```
#69e0a7
```
#69e0a7 rgb(105,224,167)
```
#79e3b0
```
#79e3b0 rgb(121,227,176)
```
#89e7ba
```
#89e7ba rgb(137,231,186)
```
#99eac3
```
#99eac3 rgb(153,234,195)
```
#aaedcd
```
#aaedcd rgb(170,237,205)
```
#baf1d6
```
#baf1d6 rgb(186,241,214)
```
#caf4e0
```
#caf4e0 rgb(202,244,224)
```
#daf7ea
```
#daf7ea rgb(218,247,234)
```
#eafbf3
```
#eafbf3 rgb(234,251,243)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#dee0df
```
#dee0df rgb(222,224,223)
```
#dbe3df
```
#dbe3df rgb(219,227,223)
```
#d9e5df
```
#d9e5df rgb(217,229,223)
```
#d6e8df
```
#d6e8df rgb(214,232,223)
```
#d4eae0
```
#d4eae0 rgb(212,234,224)
```
#d1ede0
```
#d1ede0 rgb(209,237,224)
```
#cfefe0
```
#cfefe0 rgb(207,239,224)
```
#ccf2e0
```
#ccf2e0 rgb(204,242,224)
```
#caf4e0
```
#caf4e0 rgb(202,244,224)
```
#c8f6e0
```
#c8f6e0 rgb(200,246,224)
```
#c5f9e0
```
#c5f9e0 rgb(197,249,224)
```
#c3fbe0
```
#c3fbe0 rgb(195,251,224)
```
#c0fee0
```
#c0fee0 rgb(192,254,224)
```

Tone Color Variation

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

#e5e5e5 Achromatopsia 0.005% of the population
#e0e8e4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3eadc Protanopia 1% of men
#ffe5e7 Deuteranopia 1% of men
#d6efff Tritanopia 0.001% of the population

Trichromacy

#e4eedd Protanomaly 1% of men, 0.01% of women
#ebeae4 Deuteranomaly 6% of men, 0.4% of women
#d1f1f3 Tritanomaly 0.01% of the population

#caf4e0 hex color

#caf4e0 Color Information

#caf4e0 Color Conversion

Color Schemes with #caf4e0

Alternatives to #caf4e0

#caf4e0 Preview

Shades and Tints of #caf4e0

Tones of #caf4e0

Color Blindness Simulator