#caf9fc hex color

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

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

● #caf9fc color description : Light grayish cyan.

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

Hex triplet	caf9fc	`#caf9fc`
RGB Decimal	202, 249, 252	`rgb(202,249,252)`
RGB Percent	79.2, 97.6, 98.8	`rgb(79.2%,97.6%,98.8%)`
CMYK	20, 1, 0, 1
HSL	183.6°, 89.3, 89	`hsl(183.6,89.3%,89%)`
HSV (or HSB)	183.6°, 19.8, 98.8
Web Safe	ccffff	`#ccffff`

CIE-LAB	94.88, -14.257, -6.392
XYZ	75.799, 87.334, 104.954
xyY	0.283, 0.326, 87.334
CIE-LCH	94.88, 15.624, 204.15
CIE-LUV	94.88, -24.124, -7.6
Hunter-Lab	93.453, -18.761, -1.17
Binary	11001010, 11111001, 11111100

#caf9fc
```
#caf9fc rgb(202,249,252)
```
#fccdca
```
#fccdca rgb(252,205,202)
```

Complementary Color

#cafce6
```
#cafce6 rgb(202,252,230)
```
#caf9fc
```
#caf9fc rgb(202,249,252)
```
#cae0fc
```
#cae0fc rgb(202,224,252)
```

Analogous Color

#fce6ca
```
#fce6ca rgb(252,230,202)
```
#caf9fc
```
#caf9fc rgb(202,249,252)
```
#fccae0
```
#fccae0 rgb(252,202,224)
```

Split Complementary Color

#f9fcca
```
#f9fcca rgb(249,252,202)
```
#caf9fc
```
#caf9fc rgb(202,249,252)
```
#fccaf9
```
#fccaf9 rgb(252,202,249)
```

Triadic Color

#cafccd
```
#cafccd rgb(202,252,205)
```
#caf9fc
```
#caf9fc rgb(202,249,252)
```
#fccaf9
```
#fccaf9 rgb(252,202,249)
```
#fccdca
```
#fccdca rgb(252,205,202)
```

Tetradic Color

#82f1f8
```
#82f1f8 rgb(130,241,248)
```
#9af4f9
```
#9af4f9 rgb(154,244,249)
```
#b2f6fb
```
#b2f6fb rgb(178,246,251)
```
#caf9fc
```
#caf9fc rgb(202,249,252)
```
#e2fcfd
```
#e2fcfd rgb(226,252,253)
```
#fafeff
```
#fafeff rgb(250,254,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cafcf3
```
#cafcf3 rgb(202,252,243)
```
#cafcf7
```
#cafcf7 rgb(202,252,247)
```
#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)
```

Similar Colors

Text with hexadecimal color #caf9fc

This text has a font color of #caf9fc.

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

#caf9fc background color

This paragraph has a background color of #caf9fc.

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

#caf9fc border color

This element has a border color of #caf9fc.

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

CSS codes

.text {color:#caf9fc;}

.background {background-color:#caf9fc;}

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

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

#000303
```
#000303 rgb(0,3,3)
```
#011415
```
#011415 rgb(1,20,21)
```
#022628
```
#022628 rgb(2,38,40)
```
#03373a
```
#03373a rgb(3,55,58)
```
#04494d
```
#04494d rgb(4,73,77)
```
#055a60
```
#055a60 rgb(5,90,96)
```
#066c72
```
#066c72 rgb(6,108,114)
```
#087d85
```
#087d85 rgb(8,125,133)
```
#098f97
```
#098f97 rgb(9,143,151)
```
#0aa0aa
```
#0aa0aa rgb(10,160,170)
```
#0bb2bc
```
#0bb2bc rgb(11,178,188)
```
#0cc3cf
```
#0cc3cf rgb(12,195,207)
```
#0dd5e1
```
#0dd5e1 rgb(13,213,225)
```

Shade Color Variation

#10e4f1
```
#10e4f1 rgb(16,228,241)
```
#23e6f3
```
#23e6f3 rgb(35,230,243)
```
#35e8f4
```
#35e8f4 rgb(53,232,244)
```
#48eaf5
```
#48eaf5 rgb(72,234,245)
```
#5becf6
```
#5becf6 rgb(91,236,246)
```
#6deef7
```
#6deef7 rgb(109,238,247)
```
#80f1f8
```
#80f1f8 rgb(128,241,248)
```
#92f3f9
```
#92f3f9 rgb(146,243,249)
```
#a5f5fa
```
#a5f5fa rgb(165,245,250)
```
#b7f7fb
```
#b7f7fb rgb(183,247,251)
```
#caf9fc
```
#caf9fc rgb(202,249,252)
```
#ddfbfd
```
#ddfbfd rgb(221,251,253)
```
#effdfe
```
#effdfe rgb(239,253,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 #c8fbfe is the most saturated one.

#e2e4e4
```
#e2e4e4 rgb(226,228,228)
```
#e0e6e6
```
#e0e6e6 rgb(224,230,230)
```
#dde8e9
```
#dde8e9 rgb(221,232,233)
```
#dbeaeb
```
#dbeaeb rgb(219,234,235)
```
#d9eced
```
#d9eced rgb(217,236,237)
```
#d7eeef
```
#d7eeef rgb(215,238,239)
```
#d5f0f1
```
#d5f0f1 rgb(213,240,241)
```
#d3f1f3
```
#d3f1f3 rgb(211,241,243)
```
#d0f3f6
```
#d0f3f6 rgb(208,243,246)
```
#cef5f8
```
#cef5f8 rgb(206,245,248)
```
#ccf7fa
```
#ccf7fa rgb(204,247,250)
```
#caf9fc
```
#caf9fc rgb(202,249,252)
```
#c8fbfe
```
#c8fbfe rgb(200,251,254)
```

Tone Color Variation

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

#ebebeb Achromatopsia 0.005% of the population
#e4eeee Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3eff6 Protanopia 1% of men
#fdebff Deuteranopia 1% of men
#dff4ff Tritanopia 0.001% of the population

Trichromacy

#e4f3f8 Protanomaly 1% of men, 0.01% of women
#eaf0fd Deuteranomaly 6% of men, 0.4% of women
#d7f6fd Tritanomaly 0.01% of the population

#caf9fc hex color

#caf9fc Color Information

#caf9fc Color Conversion

Color Schemes with #caf9fc

Alternatives to #caf9fc

#caf9fc Preview

Shades and Tints of #caf9fc

Tones of #caf9fc

Color Blindness Simulator