#cafae2 hex color

In a RGB color space, hex #cafae2 is composed of 79.2% red, 98% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 19.2% cyan, 0% magenta, 9.6% yellow and 2% black. It has a hue angle of 150 degrees, a saturation of 82.8% and a lightness of 88.6%. #cafae2 color hex could be obtained by blending #ffffff with #95f5c5. Closest websafe color is: #ccffcc.

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

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

The hexadecimal color #cafae2 has RGB values of R:202, G:250, B:226 and CMYK values of C:0.19, M:0, Y:0.1, K:0.02. Its decimal value is 13302498.

Hex triplet	cafae2	`#cafae2`
RGB Decimal	202, 250, 226	`rgb(202,250,226)`
RGB Percent	79.2, 98, 88.6	`rgb(79.2%,98%,88.6%)`
CMYK	19, 0, 10, 2
HSL	150°, 82.8, 88.6	`hsl(150,82.8%,88.6%)`
HSV (or HSB)	150°, 19.2, 98
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	94.49, -19.896, 6.476
XYZ	72.267, 86.417, 84.82
xyY	0.297, 0.355, 86.417
CIE-LCH	94.49, 20.923, 161.97
CIE-LUV	94.49, -24.237, 13.36
Hunter-Lab	92.961, -23.917, 10.975
Binary	11001010, 11111010, 11100010

#cafae2
```
#cafae2 rgb(202,250,226)
```
#facae2
```
#facae2 rgb(250,202,226)
```

Complementary Color

#cafaca
```
#cafaca rgb(202,250,202)
```
#cafae2
```
#cafae2 rgb(202,250,226)
```
#cafafa
```
#cafafa rgb(202,250,250)
```

Analogous Color

#facaca
```
#facaca rgb(250,202,202)
```
#cafae2
```
#cafae2 rgb(202,250,226)
```
#facafa
```
#facafa rgb(250,202,250)
```

Split Complementary Color

#fae2ca
```
#fae2ca rgb(250,226,202)
```
#cafae2
```
#cafae2 rgb(202,250,226)
```
#e2cafa
```
#e2cafa rgb(226,202,250)
```

Triadic Color

#e2faca
```
#e2faca rgb(226,250,202)
```
#cafae2
```
#cafae2 rgb(202,250,226)
```
#e2cafa
```
#e2cafa rgb(226,202,250)
```
#facae2
```
#facae2 rgb(250,202,226)
```

Tetradic Color

#84f3bc
```
#84f3bc rgb(132,243,188)
```
#9bf6c9
```
#9bf6c9 rgb(155,246,201)
```
#b3f8d5
```
#b3f8d5 rgb(179,248,213)
```
#cafae2
```
#cafae2 rgb(202,250,226)
```
#e1fcef
```
#e1fcef rgb(225,252,239)
```
#f9fefc
```
#f9fefc rgb(249,254,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cafad6
```
#cafad6 rgb(202,250,214)
```
#cafada
```
#cafada rgb(202,250,218)
```
#cafade
```
#cafade rgb(202,250,222)
```
#cafae2
```
#cafae2 rgb(202,250,226)
```
#cafae6
```
#cafae6 rgb(202,250,230)
```
#cafaea
```
#cafaea rgb(202,250,234)
```
#cafaee
```
#cafaee rgb(202,250,238)
```

Similar Colors

Text with hexadecimal color #cafae2

This text has a font color of #cafae2.

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

#cafae2 background color

This paragraph has a background color of #cafae2.

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

#cafae2 border color

This element has a border color of #cafae2.

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

CSS codes

.text {color:#cafae2;}

.background {background-color:#cafae2;}

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

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, #000100 is the darkest color, while #eefdf6 is the lightest one.

#000100
```
#000100 rgb(0,1,0)
```
#02130a
```
#02130a rgb(2,19,10)
```
#032514
```
#032514 rgb(3,37,20)
```
#05371e
```
#05371e rgb(5,55,30)
```
#074828
```
#074828 rgb(7,72,40)
```
#095a31
```
#095a31 rgb(9,90,49)
```
#0a6c3b
```
#0a6c3b rgb(10,108,59)
```
#0c7e45
```
#0c7e45 rgb(12,126,69)
```
#0e904f
```
#0e904f rgb(14,144,79)
```
#0fa259
```
#0fa259 rgb(15,162,89)
```
#11b463
```
#11b463 rgb(17,180,99)
```
#13c66c
```
#13c66c rgb(19,198,108)
```
#14d876
```
#14d876 rgb(20,216,118)
```

Shade Color Variation

#17e980
```
#17e980 rgb(23,233,128)
```
#29eb8a
```
#29eb8a rgb(41,235,138)
```
#3bec94
```
#3bec94 rgb(59,236,148)
```
#4dee9d
```
#4dee9d rgb(77,238,157)
```
#5ef0a7
```
#5ef0a7 rgb(94,240,167)
```
#70f2b1
```
#70f2b1 rgb(112,242,177)
```
#82f3bb
```
#82f3bb rgb(130,243,187)
```
#94f5c5
```
#94f5c5 rgb(148,245,197)
```
#a6f7ce
```
#a6f7ce rgb(166,247,206)
```
#b8f8d8
```
#b8f8d8 rgb(184,248,216)
```
#cafae2
```
#cafae2 rgb(202,250,226)
```
#dcfcec
```
#dcfcec rgb(220,252,236)
```
#eefdf6
```
#eefdf6 rgb(238,253,246)
```

Tint Color Variation

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

#e0e4e2
```
#e0e4e2 rgb(224,228,226)
```
#dee6e2
```
#dee6e2 rgb(222,230,226)
```
#dce8e2
```
#dce8e2 rgb(220,232,226)
```
#daeae2
```
#daeae2 rgb(218,234,226)
```
#d7ede2
```
#d7ede2 rgb(215,237,226)
```
#d5efe2
```
#d5efe2 rgb(213,239,226)
```
#d3f1e2
```
#d3f1e2 rgb(211,241,226)
```
#d1f3e2
```
#d1f3e2 rgb(209,243,226)
```
#cef6e2
```
#cef6e2 rgb(206,246,226)
```
#ccf8e2
```
#ccf8e2 rgb(204,248,226)
```
#cafae2
```
#cafae2 rgb(202,250,226)
```
#c8fce2
```
#c8fce2 rgb(200,252,226)
```
#c6fee2
```
#c6fee2 rgb(198,254,226)
```

Tone Color Variation

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

Dichromacy

#f8efdd Protanopia 1% of men
#ffebec Deuteranopia 1% of men
#def3ff Tritanopia 0.001% of the population

Trichromacy

#e7f3df Protanomaly 1% of men, 0.01% of women
#ebf0e8 Deuteranomaly 6% of men, 0.4% of women
#d7f5f4 Tritanomaly 0.01% of the population

#cafae2 hex color

#cafae2 Color Information

#cafae2 Color Conversion

Color Schemes with #cafae2

Alternatives to #cafae2

#cafae2 Preview

Shades and Tints of #cafae2

Tones of #cafae2

Color Blindness Simulator