#cafaff hex color

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

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

● #cafaff color description : Very pale cyan.

The hexadecimal color #cafaff has RGB values of R:202, G:250, B:255 and CMYK values of C:0.21, M:0.02, Y:0, K:0. Its decimal value is 13302527.

Hex triplet	cafaff	`#cafaff`
RGB Decimal	202, 250, 255	`rgb(202,250,255)`
RGB Percent	79.2, 98, 100	`rgb(79.2%,98%,100%)`
CMYK	21, 2, 0, 0
HSL	185.7°, 100, 89.6	`hsl(185.7,100%,89.6%)`
HSV (or HSB)	185.7°, 20.8, 100
Web Safe	ccffff	`#ccffff`

CIE-LAB	95.222, -14.129, -7.437
XYZ	76.589, 88.146, 107.581
xyY	0.281, 0.324, 88.146
CIE-LCH	95.222, 15.967, 207.761
CIE-LUV	95.222, -24.614, -9.303
Hunter-Lab	93.886, -18.687, -2.218
Binary	11001010, 11111010, 11111111

#cafaff
```
#cafaff rgb(202,250,255)
```
#ffcfca
```
#ffcfca rgb(255,207,202)
```

Complementary Color

#caffea
```
#caffea rgb(202,255,234)
```
#cafaff
```
#cafaff rgb(202,250,255)
```
#cae0ff
```
#cae0ff rgb(202,224,255)
```

Analogous Color

#ffeaca
```
#ffeaca rgb(255,234,202)
```
#cafaff
```
#cafaff rgb(202,250,255)
```
#ffcae0
```
#ffcae0 rgb(255,202,224)
```

Split Complementary Color

#faffca
```
#faffca rgb(250,255,202)
```
#cafaff
```
#cafaff rgb(202,250,255)
```
#ffcafa
```
#ffcafa rgb(255,202,250)
```

Triadic Color

#caffcf
```
#caffcf rgb(202,255,207)
```
#cafaff
```
#cafaff rgb(202,250,255)
```
#ffcafa
```
#ffcafa rgb(255,202,250)
```
#ffcfca
```
#ffcfca rgb(255,207,202)
```

Tetradic Color

#7ef3ff
```
#7ef3ff rgb(126,243,255)
```
#97f5ff
```
#97f5ff rgb(151,245,255)
```
#b1f8ff
```
#b1f8ff rgb(177,248,255)
```
#cafaff
```
#cafaff rgb(202,250,255)
```
#e4fcff
```
#e4fcff rgb(228,252,255)
```
#fdffff
```
#fdffff rgb(253,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cafff7
```
#cafff7 rgb(202,255,247)
```
#cafffb
```
#cafffb rgb(202,255,251)
```
#cafeff
```
#cafeff rgb(202,254,255)
```
#cafaff
```
#cafaff rgb(202,250,255)
```
#caf6ff
```
#caf6ff rgb(202,246,255)
```
#caf1ff
```
#caf1ff rgb(202,241,255)
```
#caedff
```
#caedff rgb(202,237,255)
```

Similar Colors

Text with hexadecimal color #cafaff

This text has a font color of #cafaff.

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

#cafaff background color

This paragraph has a background color of #cafaff.

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

#cafaff border color

This element has a border color of #cafaff.

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

CSS codes

.text {color:#cafaff;}

.background {background-color:#cafaff;}

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

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

#000506
```
#000506 rgb(0,5,6)
```
#001719
```
#001719 rgb(0,23,25)
```
#00292d
```
#00292d rgb(0,41,45)
```
#003b41
```
#003b41 rgb(0,59,65)
```
#004c54
```
#004c54 rgb(0,76,84)
```
#005e68
```
#005e68 rgb(0,94,104)
```
#00707c
```
#00707c rgb(0,112,124)
```
#00828f
```
#00828f rgb(0,130,143)
```
#0093a3
```
#0093a3 rgb(0,147,163)
```
#00a5b6
```
#00a5b6 rgb(0,165,182)
```
#00b7ca
```
#00b7ca rgb(0,183,202)
```
#00c9de
```
#00c9de rgb(0,201,222)
```
#00daf1
```
#00daf1 rgb(0,218,241)
```

Shade Color Variation

#06e7ff
```
#06e7ff rgb(6,231,255)
```
#19e9ff
```
#19e9ff rgb(25,233,255)
```
#2debff
```
#2debff rgb(45,235,255)
```
#41edff
```
#41edff rgb(65,237,255)
```
#54efff
```
#54efff rgb(84,239,255)
```
#68f1ff
```
#68f1ff rgb(104,241,255)
```
#7cf3ff
```
#7cf3ff rgb(124,243,255)
```
#8ff4ff
```
#8ff4ff rgb(143,244,255)
```
#a3f6ff
```
#a3f6ff rgb(163,246,255)
```
#b6f8ff
```
#b6f8ff rgb(182,248,255)
```
#cafaff
```
#cafaff rgb(202,250,255)
```
#defcff
```
#defcff rgb(222,252,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 #cafaff is the most saturated one.

#e2e6e7
```
#e2e6e7 rgb(226,230,231)
```
#e0e8e9
```
#e0e8e9 rgb(224,232,233)
```
#dee9eb
```
#dee9eb rgb(222,233,235)
```
#dcebed
```
#dcebed rgb(220,235,237)
```
#daedef
```
#daedef rgb(218,237,239)
```
#d8eef1
```
#d8eef1 rgb(216,238,241)
```
#d6f0f3
```
#d6f0f3 rgb(214,240,243)
```
#d4f2f5
```
#d4f2f5 rgb(212,242,245)
```
#d2f3f7
```
#d2f3f7 rgb(210,243,247)
```
#d0f5f9
```
#d0f5f9 rgb(208,245,249)
```
#cef7fb
```
#cef7fb rgb(206,247,251)
```
#ccf8fd
```
#ccf8fd rgb(204,248,253)
```
#cafaff
```
#cafaff rgb(202,250,255)
```

Tone Color Variation

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

#ececec Achromatopsia 0.005% of the population
#e5eff0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3f0f9 Protanopia 1% of men
#fbedff Deuteranopia 1% of men
#e1f5ff Tritanopia 0.001% of the population

Trichromacy

#e4f4fb Protanomaly 1% of men, 0.01% of women
#e9f2ff Deuteranomaly 6% of men, 0.4% of women
#d8f7ff Tritanomaly 0.01% of the population

#cafaff hex color

#cafaff Color Information

#cafaff Color Conversion

Color Schemes with #cafaff

Alternatives to #cafaff

#cafaff Preview

Shades and Tints of #cafaff

Tones of #cafaff

Color Blindness Simulator