#caf1fc hex color

In a RGB color space, hex #caf1fc is composed of 79.2% red, 94.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 19.8% cyan, 4.4% magenta, 0% yellow and 1.2% black. It has a hue angle of 193.2 degrees, a saturation of 89.3% and a lightness of 89%. #caf1fc color hex could be obtained by blending #ffffff with #95e3f9. Closest websafe color is: #ccffff.

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

● #caf1fc color description : Light grayish cyan.

The hexadecimal color #caf1fc has RGB values of R:202, G:241, B:252 and CMYK values of C:0.2, M:0.04, Y:0, K:0.01. Its decimal value is 13300220.

Hex triplet	caf1fc	`#caf1fc`
RGB Decimal	202, 241, 252	`rgb(202,241,252)`
RGB Percent	79.2, 94.5, 98.8	`rgb(79.2%,94.5%,98.8%)`
CMYK	20, 4, 0, 1
HSL	193.2°, 89.3, 89	`hsl(193.2,89.3%,89%)`
HSV (or HSB)	193.2°, 19.8, 98.8
Web Safe	ccffff	`#ccffff`

CIE-LAB	92.792, -10.247, -9.484
XYZ	73.379, 82.494, 104.147
xyY	0.282, 0.317, 82.494
CIE-LCH	92.792, 13.962, 222.786
CIE-LUV	92.792, -20.527, -13.207
Hunter-Lab	90.826, -14.734, -4.407
Binary	11001010, 11110001, 11111100

#caf1fc
```
#caf1fc rgb(202,241,252)
```
#fcd5ca
```
#fcd5ca rgb(252,213,202)
```

Complementary Color

#cafcee
```
#cafcee rgb(202,252,238)
```
#caf1fc
```
#caf1fc rgb(202,241,252)
```
#cad8fc
```
#cad8fc rgb(202,216,252)
```

Analogous Color

#fceeca
```
#fceeca rgb(252,238,202)
```
#caf1fc
```
#caf1fc rgb(202,241,252)
```
#fccad8
```
#fccad8 rgb(252,202,216)
```

Split Complementary Color

#f1fcca
```
#f1fcca rgb(241,252,202)
```
#caf1fc
```
#caf1fc rgb(202,241,252)
```
#fccaf1
```
#fccaf1 rgb(252,202,241)
```

Triadic Color

#cafcd5
```
#cafcd5 rgb(202,252,213)
```
#caf1fc
```
#caf1fc rgb(202,241,252)
```
#fccaf1
```
#fccaf1 rgb(252,202,241)
```
#fcd5ca
```
#fcd5ca rgb(252,213,202)
```

Tetradic Color

#82def8
```
#82def8 rgb(130,222,248)
```
#9ae4f9
```
#9ae4f9 rgb(154,228,249)
```
#b2ebfb
```
#b2ebfb rgb(178,235,251)
```
#caf1fc
```
#caf1fc rgb(202,241,252)
```
#e2f7fd
```
#e2f7fd rgb(226,247,253)
```
#fafeff
```
#fafeff rgb(250,254,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cafcfb
```
#cafcfb rgb(202,252,251)
```
#caf9fc
```
#caf9fc rgb(202,249,252)
```
#caf5fc
```
#caf5fc rgb(202,245,252)
```
#caf1fc
```
#caf1fc rgb(202,241,252)
```
#caedfc
```
#caedfc rgb(202,237,252)
```
#cae9fc
```
#cae9fc rgb(202,233,252)
```
#cae5fc
```
#cae5fc rgb(202,229,252)
```

Similar Colors

Text with hexadecimal color #caf1fc

This text has a font color of #caf1fc.

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

#caf1fc background color

This paragraph has a background color of #caf1fc.

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

#caf1fc border color

This element has a border color of #caf1fc.

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

CSS codes

.text {color:#caf1fc;}

.background {background-color:#caf1fc;}

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

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

#000203
```
#000203 rgb(0,2,3)
```
#011115
```
#011115 rgb(1,17,21)
```
#022028
```
#022028 rgb(2,32,40)
```
#032e3a
```
#032e3a rgb(3,46,58)
```
#043d4d
```
#043d4d rgb(4,61,77)
```
#054c60
```
#054c60 rgb(5,76,96)
```
#065a72
```
#065a72 rgb(6,90,114)
```
#086985
```
#086985 rgb(8,105,133)
```
#097897
```
#097897 rgb(9,120,151)
```
#0a87aa
```
#0a87aa rgb(10,135,170)
```
#0b95bc
```
#0b95bc rgb(11,149,188)
```
#0ca4cf
```
#0ca4cf rgb(12,164,207)
```
#0db3e1
```
#0db3e1 rgb(13,179,225)
```

Shade Color Variation

#10c0f1
```
#10c0f1 rgb(16,192,241)
```
#23c5f3
```
#23c5f3 rgb(35,197,243)
```
#35caf4
```
#35caf4 rgb(53,202,244)
```
#48cff5
```
#48cff5 rgb(72,207,245)
```
#5bd4f6
```
#5bd4f6 rgb(91,212,246)
```
#6dd8f7
```
#6dd8f7 rgb(109,216,247)
```
#80ddf8
```
#80ddf8 rgb(128,221,248)
```
#92e2f9
```
#92e2f9 rgb(146,226,249)
```
#a5e7fa
```
#a5e7fa rgb(165,231,250)
```
#b7ecfb
```
#b7ecfb rgb(183,236,251)
```
#caf1fc
```
#caf1fc rgb(202,241,252)
```
#ddf6fd
```
#ddf6fd rgb(221,246,253)
```
#effbfe
```
#effbfe rgb(239,251,254)
```

Tint Color Variation

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

#e2e4e4
```
#e2e4e4 rgb(226,228,228)
```
#e0e5e6
```
#e0e5e6 rgb(224,229,230)
```
#dde6e9
```
#dde6e9 rgb(221,230,233)
```
#dbe7eb
```
#dbe7eb rgb(219,231,235)
```
#d9e9ed
```
#d9e9ed rgb(217,233,237)
```
#d7eaef
```
#d7eaef rgb(215,234,239)
```
#d5ebf1
```
#d5ebf1 rgb(213,235,241)
```
#d3ecf3
```
#d3ecf3 rgb(211,236,243)
```
#d0edf6
```
#d0edf6 rgb(208,237,246)
```
#ceeff8
```
#ceeff8 rgb(206,239,248)
```
#ccf0fa
```
#ccf0fa rgb(204,240,250)
```
#caf1fc
```
#caf1fc rgb(202,241,252)
```
#c8f2fe
```
#c8f2fe rgb(200,242,254)
```

Tone Color Variation

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

Dichromacy

#ebe9f7 Protanopia 1% of men
#f6e5ff Deuteranopia 1% of men
#d2efff Tritanopia 0.001% of the population

Trichromacy

#dfecf9 Protanomaly 1% of men, 0.01% of women
#e6e9fd Deuteranomaly 6% of men, 0.4% of women
#cff0fd Tritanomaly 0.01% of the population

#caf1fc hex color

#caf1fc Color Information

#caf1fc Color Conversion

Color Schemes with #caf1fc

Alternatives to #caf1fc

#caf1fc Preview

Shades and Tints of #caf1fc

Tones of #caf1fc

Color Blindness Simulator