#caf1ff hex color

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

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

● #caf1ff color description : Very pale blue.

The hexadecimal color #caf1ff has RGB values of R:202, G:241, B:255 and CMYK values of C:0.21, M:0.05, Y:0, K:0. Its decimal value is 13300223.

Hex triplet	caf1ff	`#caf1ff`
RGB Decimal	202, 241, 255	`rgb(202,241,255)`
RGB Percent	79.2, 94.5, 100	`rgb(79.2%,94.5%,100%)`
CMYK	21, 5, 0, 0
HSL	195.8°, 100, 89.6	`hsl(195.8,100%,89.6%)`
HSV (or HSB)	195.8°, 20.8, 100
Web Safe	ccffff	`#ccffff`

CIE-LAB	92.876, -9.614, -10.918
XYZ	73.858, 82.685, 106.671
xyY	0.281, 0.314, 82.685
CIE-LCH	92.876, 14.547, 228.635
CIE-LUV	92.876, -20.589, -15.637
Hunter-Lab	90.931, -14.145, -5.9
Binary	11001010, 11110001, 11111111

#caf1ff
```
#caf1ff rgb(202,241,255)
```
#ffd8ca
```
#ffd8ca rgb(255,216,202)
```

Complementary Color

#cafff3
```
#cafff3 rgb(202,255,243)
```
#caf1ff
```
#caf1ff rgb(202,241,255)
```
#cad7ff
```
#cad7ff rgb(202,215,255)
```

Analogous Color

#fff3ca
```
#fff3ca rgb(255,243,202)
```
#caf1ff
```
#caf1ff rgb(202,241,255)
```
#ffcad7
```
#ffcad7 rgb(255,202,215)
```

Split Complementary Color

#f1ffca
```
#f1ffca rgb(241,255,202)
```
#caf1ff
```
#caf1ff rgb(202,241,255)
```
#ffcaf1
```
#ffcaf1 rgb(255,202,241)
```

Triadic Color

#caffd8
```
#caffd8 rgb(202,255,216)
```
#caf1ff
```
#caf1ff rgb(202,241,255)
```
#ffcaf1
```
#ffcaf1 rgb(255,202,241)
```
#ffd8ca
```
#ffd8ca rgb(255,216,202)
```

Tetradic Color

#7eddff
```
#7eddff rgb(126,221,255)
```
#97e4ff
```
#97e4ff rgb(151,228,255)
```
#b1eaff
```
#b1eaff rgb(177,234,255)
```
#caf1ff
```
#caf1ff rgb(202,241,255)
```
#e4f8ff
```
#e4f8ff rgb(228,248,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cafeff
```
#cafeff rgb(202,254,255)
```
#cafaff
```
#cafaff rgb(202,250,255)
```
#caf5ff
```
#caf5ff rgb(202,245,255)
```
#caf1ff
```
#caf1ff rgb(202,241,255)
```
#caedff
```
#caedff rgb(202,237,255)
```
#cae8ff
```
#cae8ff rgb(202,232,255)
```
#cae4ff
```
#cae4ff rgb(202,228,255)
```

Similar Colors

Text with hexadecimal color #caf1ff

This text has a font color of #caf1ff.

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

#caf1ff background color

This paragraph has a background color of #caf1ff.

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

#caf1ff border color

This element has a border color of #caf1ff.

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

CSS codes

.text {color:#caf1ff;}

.background {background-color:#caf1ff;}

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

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

#000406
```
#000406 rgb(0,4,6)
```
#001319
```
#001319 rgb(0,19,25)
```
#00212d
```
#00212d rgb(0,33,45)
```
#003041
```
#003041 rgb(0,48,65)
```
#003e54
```
#003e54 rgb(0,62,84)
```
#004c68
```
#004c68 rgb(0,76,104)
```
#005b7c
```
#005b7c rgb(0,91,124)
```
#00698f
```
#00698f rgb(0,105,143)
```
#0078a3
```
#0078a3 rgb(0,120,163)
```
#0086b6
```
#0086b6 rgb(0,134,182)
```
#0095ca
```
#0095ca rgb(0,149,202)
```
#00a3de
```
#00a3de rgb(0,163,222)
```
#00b2f1
```
#00b2f1 rgb(0,178,241)
```

Shade Color Variation

#06bdff
```
#06bdff rgb(6,189,255)
```
#19c2ff
```
#19c2ff rgb(25,194,255)
```
#2dc8ff
```
#2dc8ff rgb(45,200,255)
```
#41cdff
```
#41cdff rgb(65,205,255)
```
#54d2ff
```
#54d2ff rgb(84,210,255)
```
#68d7ff
```
#68d7ff rgb(104,215,255)
```
#7cdcff
```
#7cdcff rgb(124,220,255)
```
#8fe1ff
```
#8fe1ff rgb(143,225,255)
```
#a3e7ff
```
#a3e7ff rgb(163,231,255)
```
#b6ecff
```
#b6ecff rgb(182,236,255)
```
#caf1ff
```
#caf1ff rgb(202,241,255)
```
#def6ff
```
#def6ff rgb(222,246,255)
```
#f1fbff
```
#f1fbff rgb(241,251,255)
```

Tint Color Variation

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

#e2e5e7
```
#e2e5e7 rgb(226,229,231)
```
#e0e6e9
```
#e0e6e9 rgb(224,230,233)
```
#dee7eb
```
#dee7eb rgb(222,231,235)
```
#dce8ed
```
#dce8ed rgb(220,232,237)
```
#dae9ef
```
#dae9ef rgb(218,233,239)
```
#d8eaf1
```
#d8eaf1 rgb(216,234,241)
```
#d6ebf3
```
#d6ebf3 rgb(214,235,243)
```
#d4ecf5
```
#d4ecf5 rgb(212,236,245)
```
#d2edf7
```
#d2edf7 rgb(210,237,247)
```
#d0eef9
```
#d0eef9 rgb(208,238,249)
```
#ceeffb
```
#ceeffb rgb(206,239,251)
```
#ccf0fd
```
#ccf0fd rgb(204,240,253)
```
#caf1ff
```
#caf1ff rgb(202,241,255)
```

Tone Color Variation

Below, you can see how #caf1ff 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
#e1e9ec Atypical Achromatopsia 0.001% of the population

Dichromacy

#eaeafa Protanopia 1% of men
#f4e6ff Deuteranopia 1% of men
#d2f0ff Tritanopia 0.001% of the population

Trichromacy

#deecfc Protanomaly 1% of men, 0.01% of women
#e4eaff Deuteranomaly 6% of men, 0.4% of women
#cff0ff Tritanomaly 0.01% of the population

#caf1ff hex color

#caf1ff Color Information

#caf1ff Color Conversion

Color Schemes with #caf1ff

Alternatives to #caf1ff

#caf1ff Preview

Shades and Tints of #caf1ff

Tones of #caf1ff

Color Blindness Simulator