#caf1f2 hex color

In a RGB color space, hex #caf1f2 is composed of 79.2% red, 94.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 0.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 181.5 degrees, a saturation of 60.6% and a lightness of 87.1%. #caf1f2 color hex could be obtained by blending #ffffff with #95e3e5. Closest websafe color is: #ccffff.

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

● #caf1f2 color description : Light grayish cyan.

The hexadecimal color #caf1f2 has RGB values of R:202, G:241, B:242 and CMYK values of C:0.17, M:0, Y:0, K:0.05. Its decimal value is 13300210.

Hex triplet	caf1f2	`#caf1f2`
RGB Decimal	202, 241, 242	`rgb(202,241,242)`
RGB Percent	79.2, 94.5, 94.9	`rgb(79.2%,94.5%,94.9%)`
CMYK	17, 0, 0, 5
HSL	181.5°, 60.6, 87.1	`hsl(181.5,60.6%,87.1%)`
HSV (or HSB)	181.5°, 16.5, 94.9
Web Safe	ccffff	`#ccffff`

CIE-LAB	92.52, -12.313, -4.687
XYZ	71.836, 81.876, 96.018
xyY	0.288, 0.328, 81.876
CIE-LCH	92.52, 13.175, 200.84
CIE-LUV	92.52, -20.323, -5.187
Hunter-Lab	90.486, -16.64, 0.424
Binary	11001010, 11110001, 11110010

#caf1f2
```
#caf1f2 rgb(202,241,242)
```
#f2cbca
```
#f2cbca rgb(242,203,202)
```

Complementary Color

#caf2df
```
#caf2df rgb(202,242,223)
```
#caf1f2
```
#caf1f2 rgb(202,241,242)
```
#caddf2
```
#caddf2 rgb(202,221,242)
```

Analogous Color

#f2dfca
```
#f2dfca rgb(242,223,202)
```
#caf1f2
```
#caf1f2 rgb(202,241,242)
```
#f2cadd
```
#f2cadd rgb(242,202,221)
```

Split Complementary Color

#f1f2ca
```
#f1f2ca rgb(241,242,202)
```
#caf1f2
```
#caf1f2 rgb(202,241,242)
```
#f2caf1
```
#f2caf1 rgb(242,202,241)
```

Triadic Color

#caf2cb
```
#caf2cb rgb(202,242,203)
```
#caf1f2
```
#caf1f2 rgb(202,241,242)
```
#f2caf1
```
#f2caf1 rgb(242,202,241)
```
#f2cbca
```
#f2cbca rgb(242,203,202)
```

Tetradic Color

#8de1e3
```
#8de1e3 rgb(141,225,227)
```
#a1e6e8
```
#a1e6e8 rgb(161,230,232)
```
#b6eced
```
#b6eced rgb(182,236,237)
```
#caf1f2
```
#caf1f2 rgb(202,241,242)
```
#def6f7
```
#def6f7 rgb(222,246,247)
```
#f3fcfc
```
#f3fcfc rgb(243,252,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#caf2e9
```
#caf2e9 rgb(202,242,233)
```
#caf2ec
```
#caf2ec rgb(202,242,236)
```
#caf2f0
```
#caf2f0 rgb(202,242,240)
```
#caf1f2
```
#caf1f2 rgb(202,241,242)
```
#caeef2
```
#caeef2 rgb(202,238,242)
```
#caeaf2
```
#caeaf2 rgb(202,234,242)
```
#cae7f2
```
#cae7f2 rgb(202,231,242)
```

Similar Colors

Text with hexadecimal color #caf1f2

This text has a font color of #caf1f2.

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

#caf1f2 background color

This paragraph has a background color of #caf1f2.

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

#caf1f2 border color

This element has a border color of #caf1f2.

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

CSS codes

.text {color:#caf1f2;}

.background {background-color:#caf1f2;}

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

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, #020a0a is the darkest color, while #f9fdfe is the lightest one.

#020a0a
```
#020a0a rgb(2,10,10)
```
#06191a
```
#06191a rgb(6,25,26)
```
#0a292a
```
#0a292a rgb(10,41,42)
```
#0e3839
```
#0e3839 rgb(14,56,57)
```
#124849
```
#124849 rgb(18,72,73)
```
#165759
```
#165759 rgb(22,87,89)
```
#1a6769
```
#1a6769 rgb(26,103,105)
```
#1e7678
```
#1e7678 rgb(30,118,120)
```
#218588
```
#218588 rgb(33,133,136)
```
#259598
```
#259598 rgb(37,149,152)
```
#29a4a8
```
#29a4a8 rgb(41,164,168)
```
#2db4b7
```
#2db4b7 rgb(45,180,183)
```
#31c3c7
```
#31c3c7 rgb(49,195,199)
```

Shade Color Variation

#3ccccf
```
#3ccccf rgb(60,204,207)
```
#4cd0d3
```
#4cd0d3 rgb(76,208,211)
```
#5cd4d7
```
#5cd4d7 rgb(92,212,215)
```
#6bd8db
```
#6bd8db rgb(107,216,219)
```
#7bdcdf
```
#7bdcdf rgb(123,220,223)
```
#8be0e3
```
#8be0e3 rgb(139,224,227)
```
#9be5e6
```
#9be5e6 rgb(155,229,230)
```
#aae9ea
```
#aae9ea rgb(170,233,234)
```
#baedee
```
#baedee rgb(186,237,238)
```
#caf1f2
```
#caf1f2 rgb(202,241,242)
```
#daf5f6
```
#daf5f6 rgb(218,245,246)
```
#eaf9fa
```
#eaf9fa rgb(234,249,250)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#dce0e0
```
#dce0e0 rgb(220,224,224)
```
#d9e3e3
```
#d9e3e3 rgb(217,227,227)
```
#d7e5e5
```
#d7e5e5 rgb(215,229,229)
```
#d4e7e8
```
#d4e7e8 rgb(212,231,232)
```
#d2eaea
```
#d2eaea rgb(210,234,234)
```
#cfeced
```
#cfeced rgb(207,236,237)
```
#cdefef
```
#cdefef rgb(205,239,239)
```
#caf1f2
```
#caf1f2 rgb(202,241,242)
```
#c7f3f5
```
#c7f3f5 rgb(199,243,245)
```
#c5f6f7
```
#c5f6f7 rgb(197,246,247)
```
#c2f8fa
```
#c2f8fa rgb(194,248,250)
```
#c0fbfc
```
#c0fbfc rgb(192,251,252)
```
#bdfdff
```
#bdfdff rgb(189,253,255)
```

Tone Color Variation

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

#e5e5e5 Achromatopsia 0.005% of the population
#e0e7e8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ede9ee Protanopia 1% of men
#fae4f7 Deuteranopia 1% of men
#d2efff Tritanopia 0.001% of the population

Trichromacy

#e0ecef Protanomaly 1% of men, 0.01% of women
#e8e8f5 Deuteranomaly 6% of men, 0.4% of women
#cfeffa Tritanomaly 0.01% of the population

#caf1f2 hex color

#caf1f2 Color Information

#caf1f2 Color Conversion

Color Schemes with #caf1f2

Alternatives to #caf1f2

#caf1f2 Preview

Shades and Tints of #caf1f2

Tones of #caf1f2

Color Blindness Simulator