#caf8ed hex color

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

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

● #caf8ed color description : Light grayish cyan.

The hexadecimal color #caf8ed has RGB values of R:202, G:248, B:237 and CMYK values of C:0.19, M:0, Y:0.04, K:0.03. Its decimal value is 13301997.

Hex triplet	caf8ed	`#caf8ed`
RGB Decimal	202, 248, 237	`rgb(202,248,237)`
RGB Percent	79.2, 97.3, 92.9	`rgb(79.2%,97.3%,92.9%)`
CMYK	19, 0, 4, 3
HSL	165.7°, 76.7, 88.2	`hsl(165.7,76.7%,88.2%)`
HSV (or HSB)	165.7°, 18.5, 97.3
Web Safe	ccffff	`#ccffff`

CIE-LAB	94.228, -16.796, 0.411
XYZ	73.207, 85.804, 92.821
xyY	0.291, 0.341, 85.804
CIE-LCH	94.228, 16.801, 178.598
CIE-LUV	94.228, -23.455, 3.558
Hunter-Lab	92.63, -21.032, 5.429
Binary	11001010, 11111000, 11101101

#caf8ed
```
#caf8ed rgb(202,248,237)
```
#f8cad5
```
#f8cad5 rgb(248,202,213)
```

Complementary Color

#caf8d6
```
#caf8d6 rgb(202,248,214)
```
#caf8ed
```
#caf8ed rgb(202,248,237)
```
#caecf8
```
#caecf8 rgb(202,236,248)
```

Analogous Color

#f8d6ca
```
#f8d6ca rgb(248,214,202)
```
#caf8ed
```
#caf8ed rgb(202,248,237)
```
#f8caec
```
#f8caec rgb(248,202,236)
```

Split Complementary Color

#f8edca
```
#f8edca rgb(248,237,202)
```
#caf8ed
```
#caf8ed rgb(202,248,237)
```
#edcaf8
```
#edcaf8 rgb(237,202,248)
```

Triadic Color

#d5f8ca
```
#d5f8ca rgb(213,248,202)
```
#caf8ed
```
#caf8ed rgb(202,248,237)
```
#edcaf8
```
#edcaf8 rgb(237,202,248)
```
#f8cad5
```
#f8cad5 rgb(248,202,213)
```

Tetradic Color

#86efd6
```
#86efd6 rgb(134,239,214)
```
#9df2de
```
#9df2de rgb(157,242,222)
```
#b3f5e5
```
#b3f5e5 rgb(179,245,229)
```
#caf8ed
```
#caf8ed rgb(202,248,237)
```
#e1fbf5
```
#e1fbf5 rgb(225,251,245)
```
#f7fefc
```
#f7fefc rgb(247,254,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#caf8e2
```
#caf8e2 rgb(202,248,226)
```
#caf8e5
```
#caf8e5 rgb(202,248,229)
```
#caf8e9
```
#caf8e9 rgb(202,248,233)
```
#caf8ed
```
#caf8ed rgb(202,248,237)
```
#caf8f1
```
#caf8f1 rgb(202,248,241)
```
#caf8f5
```
#caf8f5 rgb(202,248,245)
```
#caf8f8
```
#caf8f8 rgb(202,248,248)
```

Similar Colors

Text with hexadecimal color #caf8ed

This text has a font color of #caf8ed.

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

#caf8ed background color

This paragraph has a background color of #caf8ed.

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

#caf8ed border color

This element has a border color of #caf8ed.

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

CSS codes

.text {color:#caf8ed;}

.background {background-color:#caf8ed;}

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

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

#02100d
```
#02100d rgb(2,16,13)
```
#04221b
```
#04221b rgb(4,34,27)
```
#073328
```
#073328 rgb(7,51,40)
```
#094436
```
#094436 rgb(9,68,54)
```
#0b5644
```
#0b5644 rgb(11,86,68)
```
#0e6752
```
#0e6752 rgb(14,103,82)
```
#10785f
```
#10785f rgb(16,120,95)
```
#128a6d
```
#128a6d rgb(18,138,109)
```
#149b7b
```
#149b7b rgb(20,155,123)
```
#17ac89
```
#17ac89 rgb(23,172,137)
```
#19be96
```
#19be96 rgb(25,190,150)
```
#1bcfa4
```
#1bcfa4 rgb(27,207,164)
```
#1ee0b2
```
#1ee0b2 rgb(30,224,178)
```

Shade Color Variation

#2ee3b8
```
#2ee3b8 rgb(46,227,184)
```
#3fe6be
```
#3fe6be rgb(63,230,190)
```
#51e8c4
```
#51e8c4 rgb(81,232,196)
```
#62eaca
```
#62eaca rgb(98,234,202)
```
#73edd0
```
#73edd0 rgb(115,237,208)
```
#85efd5
```
#85efd5 rgb(133,239,213)
```
#96f1db
```
#96f1db rgb(150,241,219)
```
#a7f3e1
```
#a7f3e1 rgb(167,243,225)
```
#b9f6e7
```
#b9f6e7 rgb(185,246,231)
```
#caf8ed
```
#caf8ed rgb(202,248,237)
```
#dbfaf3
```
#dbfaf3 rgb(219,250,243)
```
#edfdf9
```
#edfdf9 rgb(237,253,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#dfe3e2
```
#dfe3e2 rgb(223,227,226)
```
#dce6e3
```
#dce6e3 rgb(220,230,227)
```
#dae8e5
```
#dae8e5 rgb(218,232,229)
```
#d8eae6
```
#d8eae6 rgb(216,234,230)
```
#d6ece7
```
#d6ece7 rgb(214,236,231)
```
#d3efe8
```
#d3efe8 rgb(211,239,232)
```
#d1f1e9
```
#d1f1e9 rgb(209,241,233)
```
#cff3eb
```
#cff3eb rgb(207,243,235)
```
#ccf6ec
```
#ccf6ec rgb(204,246,236)
```
#caf8ed
```
#caf8ed rgb(202,248,237)
```
#c8faee
```
#c8faee rgb(200,250,238)
```
#c5fdef
```
#c5fdef rgb(197,253,239)
```
#c3fff1
```
#c3fff1 rgb(195,255,241)
```

Tone Color Variation

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

#e9e9e9 Achromatopsia 0.005% of the population
#e3ecea Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4eee8 Protanopia 1% of men
#ffe9f2 Deuteranopia 1% of men
#dcf2ff Tritanopia 0.001% of the population

Trichromacy

#e5f1ea Protanomaly 1% of men, 0.01% of women
#ebeff0 Deuteranomaly 6% of men, 0.4% of women
#d5f4f8 Tritanomaly 0.01% of the population

#caf8ed hex color

#caf8ed Color Information

#caf8ed Color Conversion

Color Schemes with #caf8ed

Alternatives to #caf8ed

#caf8ed Preview

Shades and Tints of #caf8ed

Tones of #caf8ed

Color Blindness Simulator