#caf8dc hex color

In a RGB color space, hex #caf8dc is composed of 79.2% red, 97.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 18.5% cyan, 0% magenta, 11.3% yellow and 2.7% black. It has a hue angle of 143.5 degrees, a saturation of 76.7% and a lightness of 88.2%. #caf8dc color hex could be obtained by blending #ffffff with #95f1b9. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 79
- G 97
- B 86
RGB color chart
- C 19
- M 0
- Y 11
- K 3
CMYK color chart

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

The hexadecimal color #caf8dc has RGB values of R:202, G:248, B:220 and CMYK values of C:0.19, M:0, Y:0.11, K:0.03. Its decimal value is 13301980.

Hex triplet	caf8dc	`#caf8dc`
RGB Decimal	202, 248, 220	`rgb(202,248,220)`
RGB Percent	79.2, 97.3, 86.3	`rgb(79.2%,97.3%,86.3%)`
CMYK	19, 0, 11, 3
HSL	143.5°, 76.7, 88.2	`hsl(143.5,76.7%,88.2%)`
HSV (or HSB)	143.5°, 18.5, 97.3
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	93.821, -20.037, 8.612
XYZ	70.84, 84.857, 80.353
xyY	0.3, 0.359, 84.857
CIE-LCH	93.821, 21.809, 156.742
CIE-LUV	93.821, -23.219, 16.559
Hunter-Lab	92.118, -23.938, 12.765
Binary	11001010, 11111000, 11011100

#caf8dc
```
#caf8dc rgb(202,248,220)
```
#f8cae6
```
#f8cae6 rgb(248,202,230)
```

Complementary Color

#cff8ca
```
#cff8ca rgb(207,248,202)
```
#caf8dc
```
#caf8dc rgb(202,248,220)
```
#caf8f3
```
#caf8f3 rgb(202,248,243)
```

Analogous Color

#f8cacf
```
#f8cacf rgb(248,202,207)
```
#caf8dc
```
#caf8dc rgb(202,248,220)
```
#f3caf8
```
#f3caf8 rgb(243,202,248)
```

Split Complementary Color

#f8dcca
```
#f8dcca rgb(248,220,202)
```
#caf8dc
```
#caf8dc rgb(202,248,220)
```
#dccaf8
```
#dccaf8 rgb(220,202,248)
```

Triadic Color

#e6f8ca
```
#e6f8ca rgb(230,248,202)
```
#caf8dc
```
#caf8dc rgb(202,248,220)
```
#dccaf8
```
#dccaf8 rgb(220,202,248)
```
#f8cae6
```
#f8cae6 rgb(248,202,230)
```

Tetradic Color

#86efaf
```
#86efaf rgb(134,239,175)
```
#9df2be
```
#9df2be rgb(157,242,190)
```
#b3f5cd
```
#b3f5cd rgb(179,245,205)
```
#caf8dc
```
#caf8dc rgb(202,248,220)
```
#e1fbeb
```
#e1fbeb rgb(225,251,235)
```
#f7fefa
```
#f7fefa rgb(247,254,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#caf8d1
```
#caf8d1 rgb(202,248,209)
```
#caf8d4
```
#caf8d4 rgb(202,248,212)
```
#caf8d8
```
#caf8d8 rgb(202,248,216)
```
#caf8dc
```
#caf8dc rgb(202,248,220)
```
#caf8e0
```
#caf8e0 rgb(202,248,224)
```
#caf8e4
```
#caf8e4 rgb(202,248,228)
```
#caf8e8
```
#caf8e8 rgb(202,248,232)
```

Similar Colors

Text with hexadecimal color #caf8dc

This text has a font color of #caf8dc.

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

#caf8dc background color

This paragraph has a background color of #caf8dc.

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

#caf8dc border color

This element has a border color of #caf8dc.

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

CSS codes

.text {color:#caf8dc;}

.background {background-color:#caf8dc;}

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

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

#021008
```
#021008 rgb(2,16,8)
```
#042210
```
#042210 rgb(4,34,16)
```
#073318
```
#073318 rgb(7,51,24)
```
#094420
```
#094420 rgb(9,68,32)
```
#0b5628
```
#0b5628 rgb(11,86,40)
```
#0e6731
```
#0e6731 rgb(14,103,49)
```
#107839
```
#107839 rgb(16,120,57)
```
#128a41
```
#128a41 rgb(18,138,65)
```
#149b49
```
#149b49 rgb(20,155,73)
```
#17ac51
```
#17ac51 rgb(23,172,81)
```
#19be59
```
#19be59 rgb(25,190,89)
```
#1bcf62
```
#1bcf62 rgb(27,207,98)
```
#1ee06a
```
#1ee06a rgb(30,224,106)
```

Shade Color Variation

#2ee375
```
#2ee375 rgb(46,227,117)
```
#3fe680
```
#3fe680 rgb(63,230,128)
```
#51e88c
```
#51e88c rgb(81,232,140)
```
#62ea97
```
#62ea97 rgb(98,234,151)
```
#73eda3
```
#73eda3 rgb(115,237,163)
```
#85efae
```
#85efae rgb(133,239,174)
```
#96f1ba
```
#96f1ba rgb(150,241,186)
```
#a7f3c5
```
#a7f3c5 rgb(167,243,197)
```
#b9f6d1
```
#b9f6d1 rgb(185,246,209)
```
#caf8dc
```
#caf8dc rgb(202,248,220)
```
#dbfae7
```
#dbfae7 rgb(219,250,231)
```
#edfdf3
```
#edfdf3 rgb(237,253,243)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#dfe3e1
```
#dfe3e1 rgb(223,227,225)
```
#dce6e0
```
#dce6e0 rgb(220,230,224)
```
#dae8e0
```
#dae8e0 rgb(218,232,224)
```
#d8eadf
```
#d8eadf rgb(216,234,223)
```
#d6ecdf
```
#d6ecdf rgb(214,236,223)
```
#d3efde
```
#d3efde rgb(211,239,222)
```
#d1f1de
```
#d1f1de rgb(209,241,222)
```
#cff3dd
```
#cff3dd rgb(207,243,221)
```
#ccf6dd
```
#ccf6dd rgb(204,246,221)
```
#caf8dc
```
#caf8dc rgb(202,248,220)
```
#c8fadb
```
#c8fadb rgb(200,250,219)
```
#c5fddb
```
#c5fddb rgb(197,253,219)
```
#c3ffda
```
#c3ffda rgb(195,255,218)
```

Tone Color Variation

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

#e7e7e7 Achromatopsia 0.005% of the population
#e1eae5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7edd8 Protanopia 1% of men
#ffe9e7 Deuteranopia 1% of men
#dbf1ff Tritanopia 0.001% of the population

Trichromacy

#e6f1d9 Protanomaly 1% of men, 0.01% of women
#ebeee3 Deuteranomaly 6% of men, 0.4% of women
#d5f3f2 Tritanomaly 0.01% of the population

#caf8dc hex color

#caf8dc Color Information

#caf8dc Color Conversion

Color Schemes with #caf8dc

Alternatives to #caf8dc

#caf8dc Preview

Shades and Tints of #caf8dc

Tones of #caf8dc

Color Blindness Simulator