#cafae4 hex color

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

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

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

The hexadecimal color #cafae4 has RGB values of R:202, G:250, B:228 and CMYK values of C:0.19, M:0, Y:0.09, K:0.02. Its decimal value is 13302500.

Hex triplet	cafae4	`#cafae4`
RGB Decimal	202, 250, 228	`rgb(202,250,228)`
RGB Percent	79.2, 98, 89.4	`rgb(79.2%,98%,89.4%)`
CMYK	19, 0, 9, 2
HSL	152.5°, 82.8, 88.6	`hsl(152.5,82.8%,88.6%)`
HSV (or HSB)	152.5°, 19.2, 98
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	94.537, -19.518, 5.512
XYZ	72.543, 86.527, 86.274
xyY	0.296, 0.353, 86.527
CIE-LCH	94.537, 20.281, 164.231
CIE-LUV	94.537, -24.262, 11.841
Hunter-Lab	93.02, -23.58, 10.124
Binary	11001010, 11111010, 11100100

#cafae4
```
#cafae4 rgb(202,250,228)
```
#facae0
```
#facae0 rgb(250,202,224)
```

Complementary Color

#cafacc
```
#cafacc rgb(202,250,204)
```
#cafae4
```
#cafae4 rgb(202,250,228)
```
#caf8fa
```
#caf8fa rgb(202,248,250)
```

Analogous Color

#faccca
```
#faccca rgb(250,204,202)
```
#cafae4
```
#cafae4 rgb(202,250,228)
```
#facaf8
```
#facaf8 rgb(250,202,248)
```

Split Complementary Color

#fae4ca
```
#fae4ca rgb(250,228,202)
```
#cafae4
```
#cafae4 rgb(202,250,228)
```
#e4cafa
```
#e4cafa rgb(228,202,250)
```

Triadic Color

#e0faca
```
#e0faca rgb(224,250,202)
```
#cafae4
```
#cafae4 rgb(202,250,228)
```
#e4cafa
```
#e4cafa rgb(228,202,250)
```
#facae0
```
#facae0 rgb(250,202,224)
```

Tetradic Color

#84f3c0
```
#84f3c0 rgb(132,243,192)
```
#9bf6cc
```
#9bf6cc rgb(155,246,204)
```
#b3f8d8
```
#b3f8d8 rgb(179,248,216)
```
#cafae4
```
#cafae4 rgb(202,250,228)
```
#e1fcf0
```
#e1fcf0 rgb(225,252,240)
```
#f9fefc
```
#f9fefc rgb(249,254,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cafad8
```
#cafad8 rgb(202,250,216)
```
#cafadc
```
#cafadc rgb(202,250,220)
```
#cafae0
```
#cafae0 rgb(202,250,224)
```
#cafae4
```
#cafae4 rgb(202,250,228)
```
#cafae8
```
#cafae8 rgb(202,250,232)
```
#cafaec
```
#cafaec rgb(202,250,236)
```
#cafaf0
```
#cafaf0 rgb(202,250,240)
```

Similar Colors

Text with hexadecimal color #cafae4

This text has a font color of #cafae4.

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

#cafae4 background color

This paragraph has a background color of #cafae4.

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

#cafae4 border color

This element has a border color of #cafae4.

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

CSS codes

.text {color:#cafae4;}

.background {background-color:#cafae4;}

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

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)
```
#02130b
```
#02130b rgb(2,19,11)
```
#032515
```
#032515 rgb(3,37,21)
```
#053720
```
#053720 rgb(5,55,32)
```
#07482a
```
#07482a rgb(7,72,42)
```
#095a35
```
#095a35 rgb(9,90,53)
```
#0a6c3f
```
#0a6c3f rgb(10,108,63)
```
#0c7e4a
```
#0c7e4a rgb(12,126,74)
```
#0e9054
```
#0e9054 rgb(14,144,84)
```
#0fa25f
```
#0fa25f rgb(15,162,95)
```
#11b469
```
#11b469 rgb(17,180,105)
```
#13c674
```
#13c674 rgb(19,198,116)
```
#14d87e
```
#14d87e rgb(20,216,126)
```

Shade Color Variation

#17e989
```
#17e989 rgb(23,233,137)
```
#29eb92
```
#29eb92 rgb(41,235,146)
```
#3bec9b
```
#3bec9b rgb(59,236,155)
```
#4deea4
```
#4deea4 rgb(77,238,164)
```
#5ef0ad
```
#5ef0ad rgb(94,240,173)
```
#70f2b6
```
#70f2b6 rgb(112,242,182)
```
#82f3bf
```
#82f3bf rgb(130,243,191)
```
#94f5c9
```
#94f5c9 rgb(148,245,201)
```
#a6f7d2
```
#a6f7d2 rgb(166,247,210)
```
#b8f8db
```
#b8f8db rgb(184,248,219)
```
#cafae4
```
#cafae4 rgb(202,250,228)
```
#dcfced
```
#dcfced rgb(220,252,237)
```
#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 #c6fee4 is the most saturated one.

#e0e4e2
```
#e0e4e2 rgb(224,228,226)
```
#dee6e2
```
#dee6e2 rgb(222,230,226)
```
#dce8e3
```
#dce8e3 rgb(220,232,227)
```
#daeae3
```
#daeae3 rgb(218,234,227)
```
#d7ede3
```
#d7ede3 rgb(215,237,227)
```
#d5efe3
```
#d5efe3 rgb(213,239,227)
```
#d3f1e3
```
#d3f1e3 rgb(211,241,227)
```
#d1f3e3
```
#d1f3e3 rgb(209,243,227)
```
#cef6e4
```
#cef6e4 rgb(206,246,228)
```
#ccf8e4
```
#ccf8e4 rgb(204,248,228)
```
#cafae4
```
#cafae4 rgb(202,250,228)
```
#c8fce4
```
#c8fce4 rgb(200,252,228)
```
#c6fee4
```
#c6fee4 rgb(198,254,228)
```

Tone Color Variation

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

#f8efdf Protanopia 1% of men
#ffebed Deuteranopia 1% of men
#def3ff Tritanopia 0.001% of the population

Trichromacy

#e7f3e1 Protanomaly 1% of men, 0.01% of women
#ebf0e9 Deuteranomaly 6% of men, 0.4% of women
#d7f5f5 Tritanomaly 0.01% of the population

#cafae4 hex color

#cafae4 Color Information

#cafae4 Color Conversion

Color Schemes with #cafae4

Alternatives to #cafae4

#cafae4 Preview

Shades and Tints of #cafae4

Tones of #cafae4

Color Blindness Simulator