#caf1de hex color

In a RGB color space, hex #caf1de is composed of 79.2% red, 94.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 0% magenta, 7.9% yellow and 5.5% black. It has a hue angle of 150.8 degrees, a saturation of 58.2% and a lightness of 86.9%. #caf1de color hex could be obtained by blending #ffffff with #95e3bd. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 79
- G 95
- B 87
RGB color chart
- C 16
- M 0
- Y 8
- K 5
CMYK color chart

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

The hexadecimal color #caf1de has RGB values of R:202, G:241, B:222 and CMYK values of C:0.16, M:0, Y:0.08, K:0.05. Its decimal value is 13300190.

Hex triplet	caf1de	`#caf1de`
RGB Decimal	202, 241, 222	`rgb(202,241,222)`
RGB Percent	79.2, 94.5, 87.1	`rgb(79.2%,94.5%,87.1%)`
CMYK	16, 0, 8, 5
HSL	150.8°, 58.2, 86.9	`hsl(150.8,58.2%,86.9%)`
HSV (or HSB)	150.8°, 16.2, 94.5
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	92.016, -16.225, 4.975
XYZ	68.994, 80.74, 81.052
xyY	0.299, 0.35, 80.74
CIE-LCH	92.016, 16.97, 162.952
CIE-LUV	92.016, -19.933, 10.417
Hunter-Lab	89.855, -20.188, 9.417
Binary	11001010, 11110001, 11011110

#caf1de
```
#caf1de rgb(202,241,222)
```
#f1cadd
```
#f1cadd rgb(241,202,221)
```

Complementary Color

#caf1cb
```
#caf1cb rgb(202,241,203)
```
#caf1de
```
#caf1de rgb(202,241,222)
```
#caf1f1
```
#caf1f1 rgb(202,241,241)
```

Analogous Color

#f1cbca
```
#f1cbca rgb(241,203,202)
```
#caf1de
```
#caf1de rgb(202,241,222)
```
#f1caf1
```
#f1caf1 rgb(241,202,241)
```

Split Complementary Color

#f1deca
```
#f1deca rgb(241,222,202)
```
#caf1de
```
#caf1de rgb(202,241,222)
```
#decaf1
```
#decaf1 rgb(222,202,241)
```

Triadic Color

#ddf1ca
```
#ddf1ca rgb(221,241,202)
```
#caf1de
```
#caf1de rgb(202,241,222)
```
#decaf1
```
#decaf1 rgb(222,202,241)
```
#f1cadd
```
#f1cadd rgb(241,202,221)
```

Tetradic Color

#8de1b8
```
#8de1b8 rgb(141,225,184)
```
#a2e6c5
```
#a2e6c5 rgb(162,230,197)
```
#b6ecd1
```
#b6ecd1 rgb(182,236,209)
```
#caf1de
```
#caf1de rgb(202,241,222)
```
#def6eb
```
#def6eb rgb(222,246,235)
```
#f2fcf7
```
#f2fcf7 rgb(242,252,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#caf1d4
```
#caf1d4 rgb(202,241,212)
```
#caf1d8
```
#caf1d8 rgb(202,241,216)
```
#caf1db
```
#caf1db rgb(202,241,219)
```
#caf1de
```
#caf1de rgb(202,241,222)
```
#caf1e1
```
#caf1e1 rgb(202,241,225)
```
#caf1e5
```
#caf1e5 rgb(202,241,229)
```
#caf1e8
```
#caf1e8 rgb(202,241,232)
```

Similar Colors

Text with hexadecimal color #caf1de

This text has a font color of #caf1de.

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

#caf1de background color

This paragraph has a background color of #caf1de.

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

#caf1de border color

This element has a border color of #caf1de.

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

CSS codes

.text {color:#caf1de;}

.background {background-color:#caf1de;}

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

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

#020906
```
#020906 rgb(2,9,6)
```
#061910
```
#061910 rgb(6,25,16)
```
#0b281a
```
#0b281a rgb(11,40,26)
```
#0f3824
```
#0f3824 rgb(15,56,36)
```
#13472e
```
#13472e rgb(19,71,46)
```
#175738
```
#175738 rgb(23,87,56)
```
#1b6642
```
#1b6642 rgb(27,102,66)
```
#1f764b
```
#1f764b rgb(31,118,75)
```
#238555
```
#238555 rgb(35,133,85)
```
#27955f
```
#27955f rgb(39,149,95)
```
#2ba469
```
#2ba469 rgb(43,164,105)
```
#2fb473
```
#2fb473 rgb(47,180,115)
```
#34c37d
```
#34c37d rgb(52,195,125)
```

Shade Color Variation

#3ecc87
```
#3ecc87 rgb(62,204,135)
```
#4ed091
```
#4ed091 rgb(78,208,145)
```
#5dd49a
```
#5dd49a rgb(93,212,154)
```
#6dd8a4
```
#6dd8a4 rgb(109,216,164)
```
#7cddae
```
#7cddae rgb(124,221,174)
```
#8ce1b7
```
#8ce1b7 rgb(140,225,183)
```
#9be5c1
```
#9be5c1 rgb(155,229,193)
```
#abe9cb
```
#abe9cb rgb(171,233,203)
```
#baedd4
```
#baedd4 rgb(186,237,212)
```
#caf1de
```
#caf1de rgb(202,241,222)
```
#daf5e8
```
#daf5e8 rgb(218,245,232)
```
#e9f9f1
```
#e9f9f1 rgb(233,249,241)
```
#f9fdfb
```
#f9fdfb rgb(249,253,251)
```

Tint Color Variation

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

#dcdfde
```
#dcdfde rgb(220,223,222)
```
#d9e2de
```
#d9e2de rgb(217,226,222)
```
#d7e4de
```
#d7e4de rgb(215,228,222)
```
#d4e7de
```
#d4e7de rgb(212,231,222)
```
#d2e9de
```
#d2e9de rgb(210,233,222)
```
#cfecde
```
#cfecde rgb(207,236,222)
```
#cdeede
```
#cdeede rgb(205,238,222)
```
#caf1de
```
#caf1de rgb(202,241,222)
```
#c7f4de
```
#c7f4de rgb(199,244,222)
```
#c5f6de
```
#c5f6de rgb(197,246,222)
```
#c2f9de
```
#c2f9de rgb(194,249,222)
```
#c0fbde
```
#c0fbde rgb(192,251,222)
```
#bdfede
```
#bdfede rgb(189,254,222)
```

Tone Color Variation

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

#e3e3e3 Achromatopsia 0.005% of the population
#dee6e2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0e8db Protanopia 1% of men
#ffe2e5 Deuteranopia 1% of men
#d3edfe Tritanopia 0.001% of the population

Trichromacy

#e2ebdc Protanomaly 1% of men, 0.01% of women
#ebe7e2 Deuteranomaly 6% of men, 0.4% of women
#cfeef2 Tritanomaly 0.01% of the population

#caf1de hex color

#caf1de Color Information

#caf1de Color Conversion

Color Schemes with #caf1de

Alternatives to #caf1de

#caf1de Preview

Shades and Tints of #caf1de

Tones of #caf1de

Color Blindness Simulator