#caf7df hex color

In a RGB color space, hex #caf7df is composed of 79.2% red, 96.9% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 9.7% yellow and 3.1% black. It has a hue angle of 148 degrees, a saturation of 73.8% and a lightness of 88%. #caf7df color hex could be obtained by blending #ffffff with #95efbf. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 79
- G 97
- B 87
RGB color chart
- C 18
- M 0
- Y 10
- K 3
CMYK color chart

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

The hexadecimal color #caf7df has RGB values of R:202, G:247, B:223 and CMYK values of C:0.18, M:0, Y:0.1, K:0.03. Its decimal value is 13301727.

Hex triplet	caf7df	`#caf7df`
RGB Decimal	202, 247, 223	`rgb(202,247,223)`
RGB Percent	79.2, 96.9, 87.5	`rgb(79.2%,96.9%,87.5%)`
CMYK	18, 0, 10, 3
HSL	148°, 73.8, 88	`hsl(148,73.8%,88%)`
HSV (or HSB)	148°, 18.2, 96.9
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	93.626, -18.992, 6.78
XYZ	70.934, 84.404, 82.362
xyY	0.298, 0.355, 84.404
CIE-LCH	93.626, 20.166, 160.354
CIE-LUV	93.626, -22.788, 13.641
Hunter-Lab	91.872, -22.956, 11.157
Binary	11001010, 11110111, 11011111

#caf7df
```
#caf7df rgb(202,247,223)
```
#f7cae2
```
#f7cae2 rgb(247,202,226)
```

Complementary Color

#ccf7ca
```
#ccf7ca rgb(204,247,202)
```
#caf7df
```
#caf7df rgb(202,247,223)
```
#caf7f6
```
#caf7f6 rgb(202,247,246)
```

Analogous Color

#f7cacc
```
#f7cacc rgb(247,202,204)
```
#caf7df
```
#caf7df rgb(202,247,223)
```
#f6caf7
```
#f6caf7 rgb(246,202,247)
```

Split Complementary Color

#f7dfca
```
#f7dfca rgb(247,223,202)
```
#caf7df
```
#caf7df rgb(202,247,223)
```
#dfcaf7
```
#dfcaf7 rgb(223,202,247)
```

Triadic Color

#e2f7ca
```
#e2f7ca rgb(226,247,202)
```
#caf7df
```
#caf7df rgb(202,247,223)
```
#dfcaf7
```
#dfcaf7 rgb(223,202,247)
```
#f7cae2
```
#f7cae2 rgb(247,202,226)
```

Tetradic Color

#88edb7
```
#88edb7 rgb(136,237,183)
```
#9ef0c4
```
#9ef0c4 rgb(158,240,196)
```
#b4f4d2
```
#b4f4d2 rgb(180,244,210)
```
#caf7df
```
#caf7df rgb(202,247,223)
```
#e0faec
```
#e0faec rgb(224,250,236)
```
#f6fefa
```
#f6fefa rgb(246,254,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#caf7d4
```
#caf7d4 rgb(202,247,212)
```
#caf7d8
```
#caf7d8 rgb(202,247,216)
```
#caf7db
```
#caf7db rgb(202,247,219)
```
#caf7df
```
#caf7df rgb(202,247,223)
```
#caf7e3
```
#caf7e3 rgb(202,247,227)
```
#caf7e7
```
#caf7e7 rgb(202,247,231)
```
#caf7ea
```
#caf7ea rgb(202,247,234)
```

Similar Colors

Text with hexadecimal color #caf7df

This text has a font color of #caf7df.

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

#caf7df background color

This paragraph has a background color of #caf7df.

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

#caf7df border color

This element has a border color of #caf7df.

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

CSS codes

.text {color:#caf7df;}

.background {background-color:#caf7df;}

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

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, #020f08 is the darkest color, while #fdfffe is the lightest one.

#020f08
```
#020f08 rgb(2,15,8)
```
#052012
```
#052012 rgb(5,32,18)
```
#07311b
```
#07311b rgb(7,49,27)
```
#0a4224
```
#0a4224 rgb(10,66,36)
```
#0d532e
```
#0d532e rgb(13,83,46)
```
#0f6437
```
#0f6437 rgb(15,100,55)
```
#127540
```
#127540 rgb(18,117,64)
```
#14864a
```
#14864a rgb(20,134,74)
```
#179853
```
#179853 rgb(23,152,83)
```
#19a95c
```
#19a95c rgb(25,169,92)
```
#1cba66
```
#1cba66 rgb(28,186,102)
```
#1fcb6f
```
#1fcb6f rgb(31,203,111)
```
#21dc78
```
#21dc78 rgb(33,220,120)
```

Shade Color Variation

#31e082
```
#31e082 rgb(49,224,130)
```
#42e28d
```
#42e28d rgb(66,226,141)
```
#53e597
```
#53e597 rgb(83,229,151)
```
#64e8a1
```
#64e8a1 rgb(100,232,161)
```
#75eaac
```
#75eaac rgb(117,234,172)
```
#86edb6
```
#86edb6 rgb(134,237,182)
```
#97efc0
```
#97efc0 rgb(151,239,192)
```
#a8f2ca
```
#a8f2ca rgb(168,242,202)
```
#b9f4d5
```
#b9f4d5 rgb(185,244,213)
```
#caf7df
```
#caf7df rgb(202,247,223)
```
#dbfae9
```
#dbfae9 rgb(219,250,233)
```
#ecfcf4
```
#ecfcf4 rgb(236,252,244)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#dfe2e0
```
#dfe2e0 rgb(223,226,224)
```
#dde4e0
```
#dde4e0 rgb(221,228,224)
```
#dae7e0
```
#dae7e0 rgb(218,231,224)
```
#d8e9e0
```
#d8e9e0 rgb(216,233,224)
```
#d6ebe0
```
#d6ebe0 rgb(214,235,224)
```
#d3eee0
```
#d3eee0 rgb(211,238,224)
```
#d1f0df
```
#d1f0df rgb(209,240,223)
```
#cff2df
```
#cff2df rgb(207,242,223)
```
#ccf5df
```
#ccf5df rgb(204,245,223)
```
#caf7df
```
#caf7df rgb(202,247,223)
```
#c8f9df
```
#c8f9df rgb(200,249,223)
```
#c5fcdf
```
#c5fcdf rgb(197,252,223)
```
#c3fedf
```
#c3fedf rgb(195,254,223)
```

Tone Color Variation

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

#f6ecdb Protanopia 1% of men
#ffe8e8 Deuteranopia 1% of men
#daf1ff Tritanopia 0.001% of the population

Trichromacy

#e6f0dc Protanomaly 1% of men, 0.01% of women
#ebede5 Deuteranomaly 6% of men, 0.4% of women
#d4f3f3 Tritanomaly 0.01% of the population

#caf7df hex color

#caf7df Color Information

#caf7df Color Conversion

Color Schemes with #caf7df

Alternatives to #caf7df

#caf7df Preview

Shades and Tints of #caf7df

Tones of #caf7df

Color Blindness Simulator