#caf1e0 hex color

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

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

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

The hexadecimal color #caf1e0 has RGB values of R:202, G:241, B:224 and CMYK values of C:0.16, M:0, Y:0.07, K:0.05. Its decimal value is 13300192.

Hex triplet	caf1e0	`#caf1e0`
RGB Decimal	202, 241, 224	`rgb(202,241,224)`
RGB Percent	79.2, 94.5, 87.8	`rgb(79.2%,94.5%,87.8%)`
CMYK	16, 0, 7, 5
HSL	153.8°, 58.2, 86.9	`hsl(153.8,58.2%,86.9%)`
HSV (or HSB)	153.8°, 16.2, 94.5
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	92.064, -15.847, 4.006
XYZ	69.264, 80.848, 82.473
xyY	0.298, 0.348, 80.848
CIE-LCH	92.064, 16.346, 165.815
CIE-LUV	92.064, -19.971, 8.887
Hunter-Lab	89.915, -19.849, 8.558
Binary	11001010, 11110001, 11100000

#caf1e0
```
#caf1e0 rgb(202,241,224)
```
#f1cadb
```
#f1cadb rgb(241,202,219)
```

Complementary Color

#caf1cd
```
#caf1cd rgb(202,241,205)
```
#caf1e0
```
#caf1e0 rgb(202,241,224)
```
#caeff1
```
#caeff1 rgb(202,239,241)
```

Analogous Color

#f1cdca
```
#f1cdca rgb(241,205,202)
```
#caf1e0
```
#caf1e0 rgb(202,241,224)
```
#f1caef
```
#f1caef rgb(241,202,239)
```

Split Complementary Color

#f1e0ca
```
#f1e0ca rgb(241,224,202)
```
#caf1e0
```
#caf1e0 rgb(202,241,224)
```
#e0caf1
```
#e0caf1 rgb(224,202,241)
```

Triadic Color

#dbf1ca
```
#dbf1ca rgb(219,241,202)
```
#caf1e0
```
#caf1e0 rgb(202,241,224)
```
#e0caf1
```
#e0caf1 rgb(224,202,241)
```
#f1cadb
```
#f1cadb rgb(241,202,219)
```

Tetradic Color

#8de1bd
```
#8de1bd rgb(141,225,189)
```
#a2e6c8
```
#a2e6c8 rgb(162,230,200)
```
#b6ecd4
```
#b6ecd4 rgb(182,236,212)
```
#caf1e0
```
#caf1e0 rgb(202,241,224)
```
#def6ec
```
#def6ec rgb(222,246,236)
```
#f2fcf8
```
#f2fcf8 rgb(242,252,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#caf1d6
```
#caf1d6 rgb(202,241,214)
```
#caf1da
```
#caf1da rgb(202,241,218)
```
#caf1dd
```
#caf1dd rgb(202,241,221)
```
#caf1e0
```
#caf1e0 rgb(202,241,224)
```
#caf1e3
```
#caf1e3 rgb(202,241,227)
```
#caf1e7
```
#caf1e7 rgb(202,241,231)
```
#caf1ea
```
#caf1ea rgb(202,241,234)
```

Similar Colors

Text with hexadecimal color #caf1e0

This text has a font color of #caf1e0.

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

#caf1e0 background color

This paragraph has a background color of #caf1e0.

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

#caf1e0 border color

This element has a border color of #caf1e0.

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

CSS codes

.text {color:#caf1e0;}

.background {background-color:#caf1e0;}

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

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)
```
#061911
```
#061911 rgb(6,25,17)
```
#0b281b
```
#0b281b rgb(11,40,27)
```
#0f3826
```
#0f3826 rgb(15,56,38)
```
#134730
```
#134730 rgb(19,71,48)
```
#17573b
```
#17573b rgb(23,87,59)
```
#1b6645
```
#1b6645 rgb(27,102,69)
```
#1f7650
```
#1f7650 rgb(31,118,80)
```
#23855a
```
#23855a rgb(35,133,90)
```
#279565
```
#279565 rgb(39,149,101)
```
#2ba470
```
#2ba470 rgb(43,164,112)
```
#2fb47a
```
#2fb47a rgb(47,180,122)
```
#34c385
```
#34c385 rgb(52,195,133)
```

Shade Color Variation

#3ecc8e
```
#3ecc8e rgb(62,204,142)
```
#4ed097
```
#4ed097 rgb(78,208,151)
```
#5dd4a0
```
#5dd4a0 rgb(93,212,160)
```
#6dd8aa
```
#6dd8aa rgb(109,216,170)
```
#7cddb3
```
#7cddb3 rgb(124,221,179)
```
#8ce1bc
```
#8ce1bc rgb(140,225,188)
```
#9be5c5
```
#9be5c5 rgb(155,229,197)
```
#abe9ce
```
#abe9ce rgb(171,233,206)
```
#baedd7
```
#baedd7 rgb(186,237,215)
```
#caf1e0
```
#caf1e0 rgb(202,241,224)
```
#daf5e9
```
#daf5e9 rgb(218,245,233)
```
#e9f9f2
```
#e9f9f2 rgb(233,249,242)
```
#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 #bdfee2 is the most saturated one.

#dcdfde
```
#dcdfde rgb(220,223,222)
```
#d9e2de
```
#d9e2de rgb(217,226,222)
```
#d7e4de
```
#d7e4de rgb(215,228,222)
```
#d4e7df
```
#d4e7df rgb(212,231,223)
```
#d2e9df
```
#d2e9df rgb(210,233,223)
```
#cfecdf
```
#cfecdf rgb(207,236,223)
```
#cdeee0
```
#cdeee0 rgb(205,238,224)
```
#caf1e0
```
#caf1e0 rgb(202,241,224)
```
#c7f4e0
```
#c7f4e0 rgb(199,244,224)
```
#c5f6e1
```
#c5f6e1 rgb(197,246,225)
```
#c2f9e1
```
#c2f9e1 rgb(194,249,225)
```
#c0fbe1
```
#c0fbe1 rgb(192,251,225)
```
#bdfee2
```
#bdfee2 rgb(189,254,226)
```

Tone Color Variation

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

#f0e8dc Protanopia 1% of men
#ffe2e6 Deuteranopia 1% of men
#d2edfe Tritanopia 0.001% of the population

Trichromacy

#e2ebde Protanomaly 1% of men, 0.01% of women
#ebe7e4 Deuteranomaly 6% of men, 0.4% of women
#cfeef3 Tritanomaly 0.01% of the population

#caf1e0 hex color

#caf1e0 Color Information

#caf1e0 Color Conversion

Color Schemes with #caf1e0

Alternatives to #caf1e0

#caf1e0 Preview

Shades and Tints of #caf1e0

Tones of #caf1e0

Color Blindness Simulator