#cafde2 hex color

In a RGB color space, hex #cafde2 is composed of 79.2% red, 99.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 0% magenta, 10.7% yellow and 0.8% black. It has a hue angle of 148.2 degrees, a saturation of 92.7% and a lightness of 89.2%. #cafde2 color hex could be obtained by blending #ffffff with #95fbc5. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 79
- G 99
- B 89
RGB color chart
- C 20
- M 0
- Y 11
- K 1
CMYK color chart

● #cafde2 color description : Very soft cyan - lime green.

The hexadecimal color #cafde2 has RGB values of R:202, G:253, B:226 and CMYK values of C:0.2, M:0, Y:0.11, K:0.01. Its decimal value is 13303266.

Hex triplet	cafde2	`#cafde2`
RGB Decimal	202, 253, 226	`rgb(202,253,226)`
RGB Percent	79.2, 99.2, 88.6	`rgb(79.2%,99.2%,88.6%)`
CMYK	20, 0, 11, 1
HSL	148.2°, 92.7, 89.2	`hsl(148.2,92.7%,89.2%)`
HSV (or HSB)	148.2°, 20.2, 99.2
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	95.286, -21.354, 7.621
XYZ	73.206, 88.296, 85.133
xyY	0.297, 0.358, 88.296
CIE-LCH	95.286, 22.673, 160.36
CIE-LUV	95.286, -25.637, 15.349
Hunter-Lab	93.966, -25.376, 12.06
Binary	11001010, 11111101, 11100010

#cafde2
```
#cafde2 rgb(202,253,226)
```
#fdcae5
```
#fdcae5 rgb(253,202,229)
```

Complementary Color

#ccfdca
```
#ccfdca rgb(204,253,202)
```
#cafde2
```
#cafde2 rgb(202,253,226)
```
#cafdfc
```
#cafdfc rgb(202,253,252)
```

Analogous Color

#fdcacc
```
#fdcacc rgb(253,202,204)
```
#cafde2
```
#cafde2 rgb(202,253,226)
```
#fccafd
```
#fccafd rgb(252,202,253)
```

Split Complementary Color

#fde2ca
```
#fde2ca rgb(253,226,202)
```
#cafde2
```
#cafde2 rgb(202,253,226)
```
#e2cafd
```
#e2cafd rgb(226,202,253)
```

Triadic Color

#e5fdca
```
#e5fdca rgb(229,253,202)
```
#cafde2
```
#cafde2 rgb(202,253,226)
```
#e2cafd
```
#e2cafd rgb(226,202,253)
```
#fdcae5
```
#fdcae5 rgb(253,202,229)
```

Tetradic Color

#80faba
```
#80faba rgb(128,250,186)
```
#99fbc7
```
#99fbc7 rgb(153,251,199)
```
#b1fcd5
```
#b1fcd5 rgb(177,252,213)
```
#cafde2
```
#cafde2 rgb(202,253,226)
```
#e3feef
```
#e3feef rgb(227,254,239)
```
#fbfffd
```
#fbfffd rgb(251,255,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cafdd5
```
#cafdd5 rgb(202,253,213)
```
#cafdda
```
#cafdda rgb(202,253,218)
```
#cafdde
```
#cafdde rgb(202,253,222)
```
#cafde2
```
#cafde2 rgb(202,253,226)
```
#cafde6
```
#cafde6 rgb(202,253,230)
```
#cafdeb
```
#cafdeb rgb(202,253,235)
```
#cafdef
```
#cafdef rgb(202,253,239)
```

Similar Colors

Text with hexadecimal color #cafde2

This text has a font color of #cafde2.

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

#cafde2 background color

This paragraph has a background color of #cafde2.

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

#cafde2 border color

This element has a border color of #cafde2.

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

CSS codes

.text {color:#cafde2;}

.background {background-color:#cafde2;}

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

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

#000402
```
#000402 rgb(0,4,2)
```
#01170b
```
#01170b rgb(1,23,11)
```
#022a14
```
#022a14 rgb(2,42,20)
```
#023c1e
```
#023c1e rgb(2,60,30)
```
#034f27
```
#034f27 rgb(3,79,39)
```
#046230
```
#046230 rgb(4,98,48)
```
#047539
```
#047539 rgb(4,117,57)
```
#058843
```
#058843 rgb(5,136,67)
```
#069b4c
```
#069b4c rgb(6,155,76)
```
#07ae55
```
#07ae55 rgb(7,174,85)
```
#07c15f
```
#07c15f rgb(7,193,95)
```
#08d468
```
#08d468 rgb(8,212,104)
```
#09e771
```
#09e771 rgb(9,231,113)
```

Shade Color Variation

#0df67b
```
#0df67b rgb(13,246,123)
```
#20f785
```
#20f785 rgb(32,247,133)
```
#33f78f
```
#33f78f rgb(51,247,143)
```
#46f89a
```
#46f89a rgb(70,248,154)
```
#59f9a4
```
#59f9a4 rgb(89,249,164)
```
#6bf9ae
```
#6bf9ae rgb(107,249,174)
```
#7efab9
```
#7efab9 rgb(126,250,185)
```
#91fbc3
```
#91fbc3 rgb(145,251,195)
```
#a4fccd
```
#a4fccd rgb(164,252,205)
```
#b7fcd8
```
#b7fcd8 rgb(183,252,216)
```
#cafde2
```
#cafde2 rgb(202,253,226)
```
#ddfeec
```
#ddfeec rgb(221,254,236)
```
#f0fef7
```
#f0fef7 rgb(240,254,247)
```

Tint Color Variation

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

#e3e4e3
```
#e3e4e3 rgb(227,228,227)
```
#e1e6e3
```
#e1e6e3 rgb(225,230,227)
```
#dfe8e3
```
#dfe8e3 rgb(223,232,227)
```
#ddeae3
```
#ddeae3 rgb(221,234,227)
```
#dbece3
```
#dbece3 rgb(219,236,227)
```
#d9eee3
```
#d9eee3 rgb(217,238,227)
```
#d7f0e3
```
#d7f0e3 rgb(215,240,227)
```
#d5f2e3
```
#d5f2e3 rgb(213,242,227)
```
#d2f5e2
```
#d2f5e2 rgb(210,245,226)
```
#d0f7e2
```
#d0f7e2 rgb(208,247,226)
```
#cef9e2
```
#cef9e2 rgb(206,249,226)
```
#ccfbe2
```
#ccfbe2 rgb(204,251,226)
```
#cafde2
```
#cafde2 rgb(202,253,226)
```

Tone Color Variation

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

#ebebeb Achromatopsia 0.005% of the population
#e4efe9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fbf1dd Protanopia 1% of men
#ffeeee Deuteranopia 1% of men
#e3f5ff Tritanopia 0.001% of the population

Trichromacy

#e9f5df Protanomaly 1% of men, 0.01% of women
#ebf3e9 Deuteranomaly 6% of men, 0.4% of women
#d9f7f4 Tritanomaly 0.01% of the population

#cafde2 hex color

#cafde2 Color Information

#cafde2 Color Conversion

Color Schemes with #cafde2

Alternatives to #cafde2

#cafde2 Preview

Shades and Tints of #cafde2

Tones of #cafde2

Color Blindness Simulator