#caf2ec hex color

In a RGB color space, hex #caf2ec is composed of 79.2% red, 94.9% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 0% magenta, 2.5% yellow and 5.1% black. It has a hue angle of 171 degrees, a saturation of 60.6% and a lightness of 87.1%. #caf2ec color hex could be obtained by blending #ffffff with #95e5d9. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 79
- G 95
- B 93
RGB color chart
- C 17
- M 0
- Y 2
- K 5
CMYK color chart

● #caf2ec color description : Light grayish cyan.

The hexadecimal color #caf2ec has RGB values of R:202, G:242, B:236 and CMYK values of C:0.17, M:0, Y:0.02, K:0.05. Its decimal value is 13300460.

Hex triplet	caf2ec	`#caf2ec`
RGB Decimal	202, 242, 236	`rgb(202,242,236)`
RGB Percent	79.2, 94.9, 92.5	`rgb(79.2%,94.9%,92.5%)`
CMYK	17, 0, 2, 5
HSL	171°, 60.6, 87.1	`hsl(171,60.6%,87.1%)`
HSV (or HSB)	171°, 16.5, 94.9
Web Safe	ccffff	`#ccffff`

CIE-LAB	92.626, -14.017, -1.413
XYZ	71.246, 82.115, 91.448
xyY	0.291, 0.335, 82.115
CIE-LCH	92.626, 14.088, 185.756
CIE-LUV	92.626, -20.667, 0.245
Hunter-Lab	90.618, -18.239, 3.599
Binary	11001010, 11110010, 11101100

#caf2ec
```
#caf2ec rgb(202,242,236)
```
#f2cad0
```
#f2cad0 rgb(242,202,208)
```

Complementary Color

#caf2d8
```
#caf2d8 rgb(202,242,216)
```
#caf2ec
```
#caf2ec rgb(202,242,236)
```
#cae4f2
```
#cae4f2 rgb(202,228,242)
```

Analogous Color

#f2d8ca
```
#f2d8ca rgb(242,216,202)
```
#caf2ec
```
#caf2ec rgb(202,242,236)
```
#f2cae4
```
#f2cae4 rgb(242,202,228)
```

Split Complementary Color

#f2ecca
```
#f2ecca rgb(242,236,202)
```
#caf2ec
```
#caf2ec rgb(202,242,236)
```
#eccaf2
```
#eccaf2 rgb(236,202,242)
```

Triadic Color

#d0f2ca
```
#d0f2ca rgb(208,242,202)
```
#caf2ec
```
#caf2ec rgb(202,242,236)
```
#eccaf2
```
#eccaf2 rgb(236,202,242)
```
#f2cad0
```
#f2cad0 rgb(242,202,208)
```

Tetradic Color

#8de3d6
```
#8de3d6 rgb(141,227,214)
```
#a1e8dd
```
#a1e8dd rgb(161,232,221)
```
#b6ede5
```
#b6ede5 rgb(182,237,229)
```
#caf2ec
```
#caf2ec rgb(202,242,236)
```
#def7f3
```
#def7f3 rgb(222,247,243)
```
#f3fcfb
```
#f3fcfb rgb(243,252,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#caf2e2
```
#caf2e2 rgb(202,242,226)
```
#caf2e5
```
#caf2e5 rgb(202,242,229)
```
#caf2e9
```
#caf2e9 rgb(202,242,233)
```
#caf2ec
```
#caf2ec rgb(202,242,236)
```
#caf2ef
```
#caf2ef rgb(202,242,239)
```
#caf1f2
```
#caf1f2 rgb(202,241,242)
```
#caeef2
```
#caeef2 rgb(202,238,242)
```

Similar Colors

Text with hexadecimal color #caf2ec

This text has a font color of #caf2ec.

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

#caf2ec background color

This paragraph has a background color of #caf2ec.

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

#caf2ec border color

This element has a border color of #caf2ec.

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

CSS codes

.text {color:#caf2ec;}

.background {background-color:#caf2ec;}

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

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

#020a09
```
#020a09 rgb(2,10,9)
```
#061a17
```
#061a17 rgb(6,26,23)
```
#0a2a25
```
#0a2a25 rgb(10,42,37)
```
#0e3933
```
#0e3933 rgb(14,57,51)
```
#124941
```
#124941 rgb(18,73,65)
```
#16594f
```
#16594f rgb(22,89,79)
```
#1a695d
```
#1a695d rgb(26,105,93)
```
#1e786b
```
#1e786b rgb(30,120,107)
```
#218879
```
#218879 rgb(33,136,121)
```
#259887
```
#259887 rgb(37,152,135)
```
#29a895
```
#29a895 rgb(41,168,149)
```
#2db7a3
```
#2db7a3 rgb(45,183,163)
```
#31c7b0
```
#31c7b0 rgb(49,199,176)
```

Shade Color Variation

#3ccfb9
```
#3ccfb9 rgb(60,207,185)
```
#4cd3bf
```
#4cd3bf rgb(76,211,191)
```
#5cd7c4
```
#5cd7c4 rgb(92,215,196)
```
#6bdbca
```
#6bdbca rgb(107,219,202)
```
#7bdfd0
```
#7bdfd0 rgb(123,223,208)
```
#8be3d5
```
#8be3d5 rgb(139,227,213)
```
#9be6db
```
#9be6db rgb(155,230,219)
```
#aaeae1
```
#aaeae1 rgb(170,234,225)
```
#baeee6
```
#baeee6 rgb(186,238,230)
```
#caf2ec
```
#caf2ec rgb(202,242,236)
```
#daf6f2
```
#daf6f2 rgb(218,246,242)
```
#eafaf7
```
#eafaf7 rgb(234,250,247)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

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

#dce0e0
```
#dce0e0 rgb(220,224,224)
```
#d9e3e1
```
#d9e3e1 rgb(217,227,225)
```
#d7e5e3
```
#d7e5e3 rgb(215,229,227)
```
#d4e8e5
```
#d4e8e5 rgb(212,232,229)
```
#d2eae7
```
#d2eae7 rgb(210,234,231)
```
#cfede8
```
#cfede8 rgb(207,237,232)
```
#cdefea
```
#cdefea rgb(205,239,234)
```
#caf2ec
```
#caf2ec rgb(202,242,236)
```
#c7f5ee
```
#c7f5ee rgb(199,245,238)
```
#c5f7f0
```
#c5f7f0 rgb(197,247,240)
```
#c2faf1
```
#c2faf1 rgb(194,250,241)
```
#c0fcf3
```
#c0fcf3 rgb(192,252,243)
```
#bdfff5
```
#bdfff5 rgb(189,255,245)
```

Tone Color Variation

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

Dichromacy

#efe9e8 Protanopia 1% of men
#fde4f1 Deuteranopia 1% of men
#d3efff Tritanopia 0.001% of the population

Trichromacy

#e1ece9 Protanomaly 1% of men, 0.01% of women
#eae9ef Deuteranomaly 6% of men, 0.4% of women
#d0f0f8 Tritanomaly 0.01% of the population

#caf2ec hex color

#caf2ec Color Information

#caf2ec Color Conversion

Color Schemes with #caf2ec

Alternatives to #caf2ec

#caf2ec Preview

Shades and Tints of #caf2ec

Tones of #caf2ec

Color Blindness Simulator