#caf8e4 hex color

In a RGB color space, hex #caf8e4 is composed of 79.2% red, 97.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 18.5% cyan, 0% magenta, 8.1% yellow and 2.7% black. It has a hue angle of 153.9 degrees, a saturation of 76.7% and a lightness of 88.2%. #caf8e4 color hex could be obtained by blending #ffffff with #95f1c9. Closest websafe color is: #ccffcc.

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

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

The hexadecimal color #caf8e4 has RGB values of R:202, G:248, B:228 and CMYK values of C:0.19, M:0, Y:0.08, K:0.03. Its decimal value is 13301988.

Hex triplet	caf8e4	`#caf8e4`
RGB Decimal	202, 248, 228	`rgb(202,248,228)`
RGB Percent	79.2, 97.3, 89.4	`rgb(79.2%,97.3%,89.4%)`
CMYK	19, 0, 8, 3
HSL	153.9°, 76.7, 88.2	`hsl(153.9,76.7%,88.2%)`
HSV (or HSB)	153.9°, 18.5, 97.3
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	94.008, -18.539, 4.747
XYZ	71.925, 85.291, 86.068
xyY	0.296, 0.351, 85.291
CIE-LCH	94.008, 19.138, 165.638
CIE-LUV	94.008, -23.328, 10.505
Hunter-Lab	92.353, -22.602, 9.392
Binary	11001010, 11111000, 11100100

#caf8e4
```
#caf8e4 rgb(202,248,228)
```
#f8cade
```
#f8cade rgb(248,202,222)
```

Complementary Color

#caf8cd
```
#caf8cd rgb(202,248,205)
```
#caf8e4
```
#caf8e4 rgb(202,248,228)
```
#caf5f8
```
#caf5f8 rgb(202,245,248)
```

Analogous Color

#f8cdca
```
#f8cdca rgb(248,205,202)
```
#caf8e4
```
#caf8e4 rgb(202,248,228)
```
#f8caf5
```
#f8caf5 rgb(248,202,245)
```

Split Complementary Color

#f8e4ca
```
#f8e4ca rgb(248,228,202)
```
#caf8e4
```
#caf8e4 rgb(202,248,228)
```
#e4caf8
```
#e4caf8 rgb(228,202,248)
```

Triadic Color

#def8ca
```
#def8ca rgb(222,248,202)
```
#caf8e4
```
#caf8e4 rgb(202,248,228)
```
#e4caf8
```
#e4caf8 rgb(228,202,248)
```
#f8cade
```
#f8cade rgb(248,202,222)
```

Tetradic Color

#86efc2
```
#86efc2 rgb(134,239,194)
```
#9df2cd
```
#9df2cd rgb(157,242,205)
```
#b3f5d9
```
#b3f5d9 rgb(179,245,217)
```
#caf8e4
```
#caf8e4 rgb(202,248,228)
```
#e1fbef
```
#e1fbef rgb(225,251,239)
```
#f7fefb
```
#f7fefb rgb(247,254,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#caf8d9
```
#caf8d9 rgb(202,248,217)
```
#caf8dc
```
#caf8dc rgb(202,248,220)
```
#caf8e0
```
#caf8e0 rgb(202,248,224)
```
#caf8e4
```
#caf8e4 rgb(202,248,228)
```
#caf8e8
```
#caf8e8 rgb(202,248,232)
```
#caf8ec
```
#caf8ec rgb(202,248,236)
```
#caf8f0
```
#caf8f0 rgb(202,248,240)
```

Similar Colors

Text with hexadecimal color #caf8e4

This text has a font color of #caf8e4.

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

#caf8e4 background color

This paragraph has a background color of #caf8e4.

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

#caf8e4 border color

This element has a border color of #caf8e4.

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

CSS codes

.text {color:#caf8e4;}

.background {background-color:#caf8e4;}

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

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, #02100a is the darkest color, while #fefffe is the lightest one.

#02100a
```
#02100a rgb(2,16,10)
```
#042215
```
#042215 rgb(4,34,21)
```
#073320
```
#073320 rgb(7,51,32)
```
#09442b
```
#09442b rgb(9,68,43)
```
#0b5635
```
#0b5635 rgb(11,86,53)
```
#0e6740
```
#0e6740 rgb(14,103,64)
```
#10784b
```
#10784b rgb(16,120,75)
```
#128a56
```
#128a56 rgb(18,138,86)
```
#149b60
```
#149b60 rgb(20,155,96)
```
#17ac6b
```
#17ac6b rgb(23,172,107)
```
#19be76
```
#19be76 rgb(25,190,118)
```
#1bcf81
```
#1bcf81 rgb(27,207,129)
```
#1ee08c
```
#1ee08c rgb(30,224,140)
```

Shade Color Variation

#2ee395
```
#2ee395 rgb(46,227,149)
```
#3fe69d
```
#3fe69d rgb(63,230,157)
```
#51e8a6
```
#51e8a6 rgb(81,232,166)
```
#62eaaf
```
#62eaaf rgb(98,234,175)
```
#73edb8
```
#73edb8 rgb(115,237,184)
```
#85efc1
```
#85efc1 rgb(133,239,193)
```
#96f1ca
```
#96f1ca rgb(150,241,202)
```
#a7f3d2
```
#a7f3d2 rgb(167,243,210)
```
#b9f6db
```
#b9f6db rgb(185,246,219)
```
#caf8e4
```
#caf8e4 rgb(202,248,228)
```
#dbfaed
```
#dbfaed rgb(219,250,237)
```
#edfdf6
```
#edfdf6 rgb(237,253,246)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#dfe3e1
```
#dfe3e1 rgb(223,227,225)
```
#dce6e2
```
#dce6e2 rgb(220,230,226)
```
#dae8e2
```
#dae8e2 rgb(218,232,226)
```
#d8eae2
```
#d8eae2 rgb(216,234,226)
```
#d6ece2
```
#d6ece2 rgb(214,236,226)
```
#d3efe3
```
#d3efe3 rgb(211,239,227)
```
#d1f1e3
```
#d1f1e3 rgb(209,241,227)
```
#cff3e3
```
#cff3e3 rgb(207,243,227)
```
#ccf6e4
```
#ccf6e4 rgb(204,246,228)
```
#caf8e4
```
#caf8e4 rgb(202,248,228)
```
#c8fae4
```
#c8fae4 rgb(200,250,228)
```
#c5fde5
```
#c5fde5 rgb(197,253,229)
```
#c3ffe5
```
#c3ffe5 rgb(195,255,229)
```

Tone Color Variation

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

#e8e8e8 Achromatopsia 0.005% of the population
#e2ebe7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f6ede0 Protanopia 1% of men
#ffe9ec Deuteranopia 1% of men
#dbf2ff Tritanopia 0.001% of the population

Trichromacy

#e6f1e1 Protanomaly 1% of men, 0.01% of women
#ebeee9 Deuteranomaly 6% of men, 0.4% of women
#d5f4f5 Tritanomaly 0.01% of the population

#caf8e4 hex color

#caf8e4 Color Information

#caf8e4 Color Conversion

Color Schemes with #caf8e4

Alternatives to #caf8e4

#caf8e4 Preview

Shades and Tints of #caf8e4

Tones of #caf8e4

Color Blindness Simulator