#caf9ef hex color

In a RGB color space, hex #caf9ef is composed of 79.2% red, 97.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 0% magenta, 4% yellow and 2.4% black. It has a hue angle of 167.2 degrees, a saturation of 79.7% and a lightness of 88.4%. #caf9ef color hex could be obtained by blending #ffffff with #95f3df. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 79
- G 98
- B 94
RGB color chart
- C 19
- M 0
- Y 4
- K 2
CMYK color chart

● #caf9ef color description : Light grayish cyan.

The hexadecimal color #caf9ef has RGB values of R:202, G:249, B:239 and CMYK values of C:0.19, M:0, Y:0.04, K:0.02. Its decimal value is 13302255.

Hex triplet	caf9ef	`#caf9ef`
RGB Decimal	202, 249, 239	`rgb(202,249,239)`
RGB Percent	79.2, 97.6, 93.7	`rgb(79.2%,97.6%,93.7%)`
CMYK	19, 0, 4, 2
HSL	167.2°, 79.7, 88.4	`hsl(167.2,79.7%,88.4%)`
HSV (or HSB)	167.2°, 18.9, 97.6
Web Safe	ccffff	`#ccffff`

CIE-LAB	94.542, -16.894, -0.166
XYZ	73.809, 86.538, 94.471
xyY	0.29, 0.34, 86.538
CIE-LCH	94.542, 16.895, 180.562
CIE-LUV	94.542, -23.943, 2.679
Hunter-Lab	93.026, -21.169, 4.907
Binary	11001010, 11111001, 11101111

#caf9ef
```
#caf9ef rgb(202,249,239)
```
#f9cad4
```
#f9cad4 rgb(249,202,212)
```

Complementary Color

#caf9d8
```
#caf9d8 rgb(202,249,216)
```
#caf9ef
```
#caf9ef rgb(202,249,239)
```
#caecf9
```
#caecf9 rgb(202,236,249)
```

Analogous Color

#f9d8ca
```
#f9d8ca rgb(249,216,202)
```
#caf9ef
```
#caf9ef rgb(202,249,239)
```
#f9caec
```
#f9caec rgb(249,202,236)
```

Split Complementary Color

#f9efca
```
#f9efca rgb(249,239,202)
```
#caf9ef
```
#caf9ef rgb(202,249,239)
```
#efcaf9
```
#efcaf9 rgb(239,202,249)
```

Triadic Color

#d4f9ca
```
#d4f9ca rgb(212,249,202)
```
#caf9ef
```
#caf9ef rgb(202,249,239)
```
#efcaf9
```
#efcaf9 rgb(239,202,249)
```
#f9cad4
```
#f9cad4 rgb(249,202,212)
```

Tetradic Color

#85f1da
```
#85f1da rgb(133,241,218)
```
#9cf4e1
```
#9cf4e1 rgb(156,244,225)
```
#b3f6e8
```
#b3f6e8 rgb(179,246,232)
```
#caf9ef
```
#caf9ef rgb(202,249,239)
```
#e1fcf6
```
#e1fcf6 rgb(225,252,246)
```
#f8fefd
```
#f8fefd rgb(248,254,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#caf9e3
```
#caf9e3 rgb(202,249,227)
```
#caf9e7
```
#caf9e7 rgb(202,249,231)
```
#caf9eb
```
#caf9eb rgb(202,249,235)
```
#caf9ef
```
#caf9ef rgb(202,249,239)
```
#caf9f3
```
#caf9f3 rgb(202,249,243)
```
#caf9f7
```
#caf9f7 rgb(202,249,247)
```
#caf7f9
```
#caf7f9 rgb(202,247,249)
```

Similar Colors

Text with hexadecimal color #caf9ef

This text has a font color of #caf9ef.

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

#caf9ef background color

This paragraph has a background color of #caf9ef.

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

#caf9ef border color

This element has a border color of #caf9ef.

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

CSS codes

.text {color:#caf9ef;}

.background {background-color:#caf9ef;}

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

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, #02110e is the darkest color, while #ffffff is the lightest one.

#02110e
```
#02110e rgb(2,17,14)
```
#04231c
```
#04231c rgb(4,35,28)
```
#06352b
```
#06352b rgb(6,53,43)
```
#084639
```
#084639 rgb(8,70,57)
```
#0a5847
```
#0a5847 rgb(10,88,71)
```
#0c6a56
```
#0c6a56 rgb(12,106,86)
```
#0e7b64
```
#0e7b64 rgb(14,123,100)
```
#108d72
```
#108d72 rgb(16,141,114)
```
#129e81
```
#129e81 rgb(18,158,129)
```
#14b08f
```
#14b08f rgb(20,176,143)
```
#16c29d
```
#16c29d rgb(22,194,157)
```
#18d3ab
```
#18d3ab rgb(24,211,171)
```
#1ae5ba
```
#1ae5ba rgb(26,229,186)
```

Shade Color Variation

#2be7bf
```
#2be7bf rgb(43,231,191)
```
#3de9c4
```
#3de9c4 rgb(61,233,196)
```
#4febca
```
#4febca rgb(79,235,202)
```
#60edcf
```
#60edcf rgb(96,237,207)
```
#72efd4
```
#72efd4 rgb(114,239,212)
```
#84f1da
```
#84f1da rgb(132,241,218)
```
#95f3df
```
#95f3df rgb(149,243,223)
```
#a7f5e4
```
#a7f5e4 rgb(167,245,228)
```
#b8f7ea
```
#b8f7ea rgb(184,247,234)
```
#caf9ef
```
#caf9ef rgb(202,249,239)
```
#dcfbf4
```
#dcfbf4 rgb(220,251,244)
```
#edfdfa
```
#edfdfa rgb(237,253,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#e1e2e2
```
#e1e2e2 rgb(225,226,226)
```
#dee5e3
```
#dee5e3 rgb(222,229,227)
```
#dce7e5
```
#dce7e5 rgb(220,231,229)
```
#dae9e6
```
#dae9e6 rgb(218,233,230)
```
#d8ebe7
```
#d8ebe7 rgb(216,235,231)
```
#d5eee8
```
#d5eee8 rgb(213,238,232)
```
#d3f0ea
```
#d3f0ea rgb(211,240,234)
```
#d1f2eb
```
#d1f2eb rgb(209,242,235)
```
#cff4ec
```
#cff4ec rgb(207,244,236)
```
#ccf7ee
```
#ccf7ee rgb(204,247,238)
```
#caf9ef
```
#caf9ef rgb(202,249,239)
```
#c8fbf0
```
#c8fbf0 rgb(200,251,240)
```
#c5fef2
```
#c5fef2 rgb(197,254,242)
```

Tone Color Variation

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

#eaeaea Achromatopsia 0.005% of the population
#e4edeb Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5efea Protanopia 1% of men
#ffeaf3 Deuteranopia 1% of men
#ddf3ff Tritanopia 0.001% of the population

Trichromacy

#e5f2ec Protanomaly 1% of men, 0.01% of women
#ebf0f2 Deuteranomaly 6% of men, 0.4% of women
#d6f5f9 Tritanomaly 0.01% of the population

#caf9ef hex color

#caf9ef Color Information

#caf9ef Color Conversion

Color Schemes with #caf9ef

Alternatives to #caf9ef

#caf9ef Preview

Shades and Tints of #caf9ef

Tones of #caf9ef

Color Blindness Simulator