#caf9dc hex color

In a RGB color space, hex #caf9dc is composed of 79.2% red, 97.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 0% magenta, 11.6% yellow and 2.4% black. It has a hue angle of 143 degrees, a saturation of 79.7% and a lightness of 88.4%. #caf9dc color hex could be obtained by blending #ffffff with #95f3b9. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 79
- G 98
- B 86
RGB color chart
- C 19
- M 0
- Y 12
- K 2
CMYK color chart

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

The hexadecimal color #caf9dc has RGB values of R:202, G:249, B:220 and CMYK values of C:0.19, M:0, Y:0.12, K:0.02. Its decimal value is 13302236.

Hex triplet	caf9dc	`#caf9dc`
RGB Decimal	202, 249, 220	`rgb(202,249,220)`
RGB Percent	79.2, 97.6, 86.3	`rgb(79.2%,97.6%,86.3%)`
CMYK	19, 0, 12, 2
HSL	143°, 79.7, 88.4	`hsl(143,79.7%,88.4%)`
HSV (or HSB)	143°, 18.9, 97.6
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	94.087, -20.524, 8.992
XYZ	71.148, 85.474, 80.456
xyY	0.3, 0.361, 85.474
CIE-LCH	94.087, 22.407, 156.34
CIE-LUV	94.087, -23.692, 17.216
Hunter-Lab	92.452, -24.423, 13.12
Binary	11001010, 11111001, 11011100

#caf9dc
```
#caf9dc rgb(202,249,220)
```
#f9cae7
```
#f9cae7 rgb(249,202,231)
```

Complementary Color

#d0f9ca
```
#d0f9ca rgb(208,249,202)
```
#caf9dc
```
#caf9dc rgb(202,249,220)
```
#caf9f4
```
#caf9f4 rgb(202,249,244)
```

Analogous Color

#f9cad0
```
#f9cad0 rgb(249,202,208)
```
#caf9dc
```
#caf9dc rgb(202,249,220)
```
#f4caf9
```
#f4caf9 rgb(244,202,249)
```

Split Complementary Color

#f9dcca
```
#f9dcca rgb(249,220,202)
```
#caf9dc
```
#caf9dc rgb(202,249,220)
```
#dccaf9
```
#dccaf9 rgb(220,202,249)
```

Triadic Color

#e7f9ca
```
#e7f9ca rgb(231,249,202)
```
#caf9dc
```
#caf9dc rgb(202,249,220)
```
#dccaf9
```
#dccaf9 rgb(220,202,249)
```
#f9cae7
```
#f9cae7 rgb(249,202,231)
```

Tetradic Color

#85f1af
```
#85f1af rgb(133,241,175)
```
#9cf4be
```
#9cf4be rgb(156,244,190)
```
#b3f6cd
```
#b3f6cd rgb(179,246,205)
```
#caf9dc
```
#caf9dc rgb(202,249,220)
```
#e1fceb
```
#e1fceb rgb(225,252,235)
```
#f8fefa
```
#f8fefa rgb(248,254,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#caf9d0
```
#caf9d0 rgb(202,249,208)
```
#caf9d4
```
#caf9d4 rgb(202,249,212)
```
#caf9d8
```
#caf9d8 rgb(202,249,216)
```
#caf9dc
```
#caf9dc rgb(202,249,220)
```
#caf9e0
```
#caf9e0 rgb(202,249,224)
```
#caf9e4
```
#caf9e4 rgb(202,249,228)
```
#caf9e8
```
#caf9e8 rgb(202,249,232)
```

Similar Colors

Text with hexadecimal color #caf9dc

This text has a font color of #caf9dc.

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

#caf9dc background color

This paragraph has a background color of #caf9dc.

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

#caf9dc border color

This element has a border color of #caf9dc.

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

CSS codes

.text {color:#caf9dc;}

.background {background-color:#caf9dc;}

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

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

#021108
```
#021108 rgb(2,17,8)
```
#042310
```
#042310 rgb(4,35,16)
```
#063518
```
#063518 rgb(6,53,24)
```
#084620
```
#084620 rgb(8,70,32)
```
#0a5828
```
#0a5828 rgb(10,88,40)
```
#0c6a30
```
#0c6a30 rgb(12,106,48)
```
#0e7b38
```
#0e7b38 rgb(14,123,56)
```
#108d40
```
#108d40 rgb(16,141,64)
```
#129e48
```
#129e48 rgb(18,158,72)
```
#14b050
```
#14b050 rgb(20,176,80)
```
#16c258
```
#16c258 rgb(22,194,88)
```
#18d360
```
#18d360 rgb(24,211,96)
```
#1ae568
```
#1ae568 rgb(26,229,104)
```

Shade Color Variation

#2be773
```
#2be773 rgb(43,231,115)
```
#3de97f
```
#3de97f rgb(61,233,127)
```
#4feb8b
```
#4feb8b rgb(79,235,139)
```
#60ed96
```
#60ed96 rgb(96,237,150)
```
#72efa2
```
#72efa2 rgb(114,239,162)
```
#84f1ad
```
#84f1ad rgb(132,241,173)
```
#95f3b9
```
#95f3b9 rgb(149,243,185)
```
#a7f5c5
```
#a7f5c5 rgb(167,245,197)
```
#b8f7d0
```
#b8f7d0 rgb(184,247,208)
```
#caf9dc
```
#caf9dc rgb(202,249,220)
```
#dcfbe8
```
#dcfbe8 rgb(220,251,232)
```
#edfdf3
```
#edfdf3 rgb(237,253,243)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#e1e2e1
```
#e1e2e1 rgb(225,226,225)
```
#dee5e1
```
#dee5e1 rgb(222,229,225)
```
#dce7e0
```
#dce7e0 rgb(220,231,224)
```
#dae9e0
```
#dae9e0 rgb(218,233,224)
```
#d8ebdf
```
#d8ebdf rgb(216,235,223)
```
#d5eedf
```
#d5eedf rgb(213,238,223)
```
#d3f0de
```
#d3f0de rgb(211,240,222)
```
#d1f2de
```
#d1f2de rgb(209,242,222)
```
#cff4dd
```
#cff4dd rgb(207,244,221)
```
#ccf7dd
```
#ccf7dd rgb(204,247,221)
```
#caf9dc
```
#caf9dc rgb(202,249,220)
```
#c8fbdb
```
#c8fbdb rgb(200,251,219)
```
#c5fedb
```
#c5fedb rgb(197,254,219)
```

Tone Color Variation

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

#e8e8e8 Achromatopsia 0.005% of the population
#e2ebe6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8eed8 Protanopia 1% of men
#ffeae8 Deuteranopia 1% of men
#dcf2ff Tritanopia 0.001% of the population

Trichromacy

#e7f2d9 Protanomaly 1% of men, 0.01% of women
#ebefe3 Deuteranomaly 6% of men, 0.4% of women
#d6f4f2 Tritanomaly 0.01% of the population

#caf9dc hex color

#caf9dc Color Information

#caf9dc Color Conversion

Color Schemes with #caf9dc

Alternatives to #caf9dc

#caf9dc Preview

Shades and Tints of #caf9dc

Tones of #caf9dc

Color Blindness Simulator