#cafcff hex color

In a RGB color space, hex #cafcff is composed of 79.2% red, 98.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 1.2% magenta, 0% yellow and 0% black. It has a hue angle of 183.4 degrees, a saturation of 100% and a lightness of 89.6%. #cafcff color hex could be obtained by blending #ffffff with #95f9ff. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 79
- G 99
- B 100
RGB color chart
- C 21
- M 1
- Y 0
- K 0
CMYK color chart

● #cafcff color description : Very pale cyan.

The hexadecimal color #cafcff has RGB values of R:202, G:252, B:255 and CMYK values of C:0.21, M:0.01, Y:0, K:0. Its decimal value is 13303039.

Hex triplet	cafcff	`#cafcff`
RGB Decimal	202, 252, 255	`rgb(202,252,255)`
RGB Percent	79.2, 98.8, 100	`rgb(79.2%,98.8%,100%)`
CMYK	21, 1, 0, 0
HSL	183.4°, 100, 89.6	`hsl(183.4,100%,89.6%)`
HSV (or HSB)	183.4°, 20.8, 100
Web Safe	ccffff	`#ccffff`

CIE-LAB	95.745, -15.122, -6.664
XYZ	77.213, 89.395, 107.789
xyY	0.281, 0.326, 89.395
CIE-LCH	95.745, 16.525, 203.781
CIE-LUV	95.745, -25.506, -7.901
Hunter-Lab	94.549, -19.689, -1.408
Binary	11001010, 11111100, 11111111

#cafcff
```
#cafcff rgb(202,252,255)
```
#ffcdca
```
#ffcdca rgb(255,205,202)
```

Complementary Color

#caffe8
```
#caffe8 rgb(202,255,232)
```
#cafcff
```
#cafcff rgb(202,252,255)
```
#cae2ff
```
#cae2ff rgb(202,226,255)
```

Analogous Color

#ffe8ca
```
#ffe8ca rgb(255,232,202)
```
#cafcff
```
#cafcff rgb(202,252,255)
```
#ffcae2
```
#ffcae2 rgb(255,202,226)
```

Split Complementary Color

#fcffca
```
#fcffca rgb(252,255,202)
```
#cafcff
```
#cafcff rgb(202,252,255)
```
#ffcafc
```
#ffcafc rgb(255,202,252)
```

Triadic Color

#caffcd
```
#caffcd rgb(202,255,205)
```
#cafcff
```
#cafcff rgb(202,252,255)
```
#ffcafc
```
#ffcafc rgb(255,202,252)
```
#ffcdca
```
#ffcdca rgb(255,205,202)
```

Tetradic Color

#7ef8ff
```
#7ef8ff rgb(126,248,255)
```
#97f9ff
```
#97f9ff rgb(151,249,255)
```
#b1fbff
```
#b1fbff rgb(177,251,255)
```
#cafcff
```
#cafcff rgb(202,252,255)
```
#e4fdff
```
#e4fdff rgb(228,253,255)
```
#fdffff
```
#fdffff rgb(253,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cafff5
```
#cafff5 rgb(202,255,245)
```
#cafff9
```
#cafff9 rgb(202,255,249)
```
#cafffe
```
#cafffe rgb(202,255,254)
```
#cafcff
```
#cafcff rgb(202,252,255)
```
#caf8ff
```
#caf8ff rgb(202,248,255)
```
#caf3ff
```
#caf3ff rgb(202,243,255)
```
#caefff
```
#caefff rgb(202,239,255)
```

Similar Colors

Text with hexadecimal color #cafcff

This text has a font color of #cafcff.

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

#cafcff background color

This paragraph has a background color of #cafcff.

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

#cafcff border color

This element has a border color of #cafcff.

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

CSS codes

.text {color:#cafcff;}

.background {background-color:#cafcff;}

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

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

#000606
```
#000606 rgb(0,6,6)
```
#001819
```
#001819 rgb(0,24,25)
```
#002b2d
```
#002b2d rgb(0,43,45)
```
#003d41
```
#003d41 rgb(0,61,65)
```
#005054
```
#005054 rgb(0,80,84)
```
#006268
```
#006268 rgb(0,98,104)
```
#00757c
```
#00757c rgb(0,117,124)
```
#00878f
```
#00878f rgb(0,135,143)
```
#009aa3
```
#009aa3 rgb(0,154,163)
```
#00acb6
```
#00acb6 rgb(0,172,182)
```
#00bfca
```
#00bfca rgb(0,191,202)
```
#00d1de
```
#00d1de rgb(0,209,222)
```
#00e4f1
```
#00e4f1 rgb(0,228,241)
```

Shade Color Variation

#06f1ff
```
#06f1ff rgb(6,241,255)
```
#19f2ff
```
#19f2ff rgb(25,242,255)
```
#2df3ff
```
#2df3ff rgb(45,243,255)
```
#41f4ff
```
#41f4ff rgb(65,244,255)
```
#54f5ff
```
#54f5ff rgb(84,245,255)
```
#68f6ff
```
#68f6ff rgb(104,246,255)
```
#7cf8ff
```
#7cf8ff rgb(124,248,255)
```
#8ff9ff
```
#8ff9ff rgb(143,249,255)
```
#a3faff
```
#a3faff rgb(163,250,255)
```
#b6fbff
```
#b6fbff rgb(182,251,255)
```
#cafcff
```
#cafcff rgb(202,252,255)
```
#defdff
```
#defdff rgb(222,253,255)
```
#f1feff
```
#f1feff rgb(241,254,255)
```

Tint Color Variation

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

#e2e6e7
```
#e2e6e7 rgb(226,230,231)
```
#e0e8e9
```
#e0e8e9 rgb(224,232,233)
```
#deeaeb
```
#deeaeb rgb(222,234,235)
```
#dceced
```
#dceced rgb(220,236,237)
```
#daeeef
```
#daeeef rgb(218,238,239)
```
#d8eff1
```
#d8eff1 rgb(216,239,241)
```
#d6f1f3
```
#d6f1f3 rgb(214,241,243)
```
#d4f3f5
```
#d4f3f5 rgb(212,243,245)
```
#d2f5f7
```
#d2f5f7 rgb(210,245,247)
```
#d0f7f9
```
#d0f7f9 rgb(208,247,249)
```
#cef8fb
```
#cef8fb rgb(206,248,251)
```
#ccfafd
```
#ccfafd rgb(204,250,253)
```
#cafcff
```
#cafcff rgb(202,252,255)
```

Tone Color Variation

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

#ededed Achromatopsia 0.005% of the population
#e6f0f1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5f2f9 Protanopia 1% of men
#fdefff Deuteranopia 1% of men
#e4f6ff Tritanopia 0.001% of the population

Trichromacy

#e5f5fb Protanomaly 1% of men, 0.01% of women
#eaf3ff Deuteranomaly 6% of men, 0.4% of women
#daf8ff Tritanomaly 0.01% of the population

#cafcff hex color

#cafcff Color Information

#cafcff Color Conversion

Color Schemes with #cafcff

Alternatives to #cafcff

#cafcff Preview

Shades and Tints of #cafcff

Tones of #cafcff

Color Blindness Simulator