#caf0d1 hex color

In a RGB color space, hex #caf0d1 is composed of 79.2% red, 94.1% green and 82% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 0% magenta, 12.9% yellow and 5.9% black. It has a hue angle of 131.1 degrees, a saturation of 55.9% and a lightness of 86.7%. #caf0d1 color hex could be obtained by blending #ffffff with #95e1a3. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 79
- G 94
- B 82
RGB color chart
- C 16
- M 0
- Y 13
- K 6
CMYK color chart

● #caf0d1 color description : Light grayish lime green.

The hexadecimal color #caf0d1 has RGB values of R:202, G:240, B:209 and CMYK values of C:0.16, M:0, Y:0.13, K:0.06. Its decimal value is 13299921.

Hex triplet	caf0d1	`#caf0d1`
RGB Decimal	202, 240, 209	`rgb(202,240,209)`
RGB Percent	79.2, 94.1, 82	`rgb(79.2%,94.1%,82%)`
CMYK	16, 0, 13, 6
HSL	131.1°, 55.9, 86.7	`hsl(131.1,55.9%,86.7%)`
HSV (or HSB)	131.1°, 15.8, 94.1
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	91.451, -18.109, 10.914
XYZ	67.023, 79.479, 72.128
xyY	0.307, 0.364, 79.479
CIE-LCH	91.451, 21.144, 148.924
CIE-LUV	91.451, -19.206, 19.528
Hunter-Lab	89.151, -21.819, 14.437
Binary	11001010, 11110000, 11010001

#caf0d1
```
#caf0d1 rgb(202,240,209)
```
#f0cae9
```
#f0cae9 rgb(240,202,233)
```

Complementary Color

#d6f0ca
```
#d6f0ca rgb(214,240,202)
```
#caf0d1
```
#caf0d1 rgb(202,240,209)
```
#caf0e4
```
#caf0e4 rgb(202,240,228)
```

Analogous Color

#f0cad6
```
#f0cad6 rgb(240,202,214)
```
#caf0d1
```
#caf0d1 rgb(202,240,209)
```
#e4caf0
```
#e4caf0 rgb(228,202,240)
```

Split Complementary Color

#f0d1ca
```
#f0d1ca rgb(240,209,202)
```
#caf0d1
```
#caf0d1 rgb(202,240,209)
```
#d1caf0
```
#d1caf0 rgb(209,202,240)
```

Triadic Color

#e9f0ca
```
#e9f0ca rgb(233,240,202)
```
#caf0d1
```
#caf0d1 rgb(202,240,209)
```
#d1caf0
```
#d1caf0 rgb(209,202,240)
```
#f0cae9
```
#f0cae9 rgb(240,202,233)
```

Tetradic Color

#8edf9d
```
#8edf9d rgb(142,223,157)
```
#a2e5af
```
#a2e5af rgb(162,229,175)
```
#b6eac0
```
#b6eac0 rgb(182,234,192)
```
#caf0d1
```
#caf0d1 rgb(202,240,209)
```
#def6e2
```
#def6e2 rgb(222,246,226)
```
#f2fbf4
```
#f2fbf4 rgb(242,251,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cdf0ca
```
#cdf0ca rgb(205,240,202)
```
#caf0cb
```
#caf0cb rgb(202,240,203)
```
#caf0ce
```
#caf0ce rgb(202,240,206)
```
#caf0d1
```
#caf0d1 rgb(202,240,209)
```
#caf0d4
```
#caf0d4 rgb(202,240,212)
```
#caf0d7
```
#caf0d7 rgb(202,240,215)
```
#caf0db
```
#caf0db rgb(202,240,219)
```

Similar Colors

Text with hexadecimal color #caf0d1

This text has a font color of #caf0d1.

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

#caf0d1 background color

This paragraph has a background color of #caf0d1.

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

#caf0d1 border color

This element has a border color of #caf0d1.

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

CSS codes

.text {color:#caf0d1;}

.background {background-color:#caf0d1;}

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

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

#020803
```
#020803 rgb(2,8,3)
```
#07170a
```
#07170a rgb(7,23,10)
```
#0b2710
```
#0b2710 rgb(11,39,16)
```
#0f3616
```
#0f3616 rgb(15,54,22)
```
#14451d
```
#14451d rgb(20,69,29)
```
#185523
```
#185523 rgb(24,85,35)
```
#1c6429
```
#1c6429 rgb(28,100,41)
```
#217330
```
#217330 rgb(33,115,48)
```
#258236
```
#258236 rgb(37,130,54)
```
#29923d
```
#29923d rgb(41,146,61)
```
#2ea143
```
#2ea143 rgb(46,161,67)
```
#32b049
```
#32b049 rgb(50,176,73)
```
#36c050
```
#36c050 rgb(54,192,80)
```

Shade Color Variation

#40c95a
```
#40c95a rgb(64,201,90)
```
#50cd67
```
#50cd67 rgb(80,205,103)
```
#5fd274
```
#5fd274 rgb(95,210,116)
```
#6ed681
```
#6ed681 rgb(110,214,129)
```
#7eda8f
```
#7eda8f rgb(126,218,143)
```
#8ddf9c
```
#8ddf9c rgb(141,223,156)
```
#9ce3a9
```
#9ce3a9 rgb(156,227,169)
```
#abe7b6
```
#abe7b6 rgb(171,231,182)
```
#bbecc4
```
#bbecc4 rgb(187,236,196)
```
#caf0d1
```
#caf0d1 rgb(202,240,209)
```
#d9f4de
```
#d9f4de rgb(217,244,222)
```
#e9f9ec
```
#e9f9ec rgb(233,249,236)
```
#f8fdf9
```
#f8fdf9 rgb(248,253,249)
```

Tint Color Variation

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

#dcdedd
```
#dcdedd rgb(220,222,221)
```
#dae0db
```
#dae0db rgb(218,224,219)
```
#d7e3d9
```
#d7e3d9 rgb(215,227,217)
```
#d4e6d8
```
#d4e6d8 rgb(212,230,216)
```
#d2e8d6
```
#d2e8d6 rgb(210,232,214)
```
#cfebd4
```
#cfebd4 rgb(207,235,212)
```
#cdedd3
```
#cdedd3 rgb(205,237,211)
```
#caf0d1
```
#caf0d1 rgb(202,240,209)
```
#c7f3cf
```
#c7f3cf rgb(199,243,207)
```
#c5f5ce
```
#c5f5ce rgb(197,245,206)
```
#c2f8cc
```
#c2f8cc rgb(194,248,204)
```
#c0faca
```
#c0faca rgb(192,250,202)
```
#bdfdc9
```
#bdfdc9 rgb(189,253,201)
```

Tone Color Variation

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

#e1e1e1 Achromatopsia 0.005% of the population
#dce4de Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1e7ce Protanopia 1% of men
#ffe1db Deuteranopia 1% of men
#d4eafb Tritanopia 0.001% of the population

Trichromacy

#e3eacf Protanomaly 1% of men, 0.01% of women
#ebe6d7 Deuteranomaly 6% of men, 0.4% of women
#d0ecec Tritanomaly 0.01% of the population

#caf0d1 hex color

#caf0d1 Color Information

#caf0d1 Color Conversion

Color Schemes with #caf0d1

Alternatives to #caf0d1

#caf0d1 Preview

Shades and Tints of #caf0d1

Tones of #caf0d1

Color Blindness Simulator