#caf4f5 hex color

In a RGB color space, hex #caf4f5 is composed of 79.2% red, 95.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 0.4% magenta, 0% yellow and 3.9% black. It has a hue angle of 181.4 degrees, a saturation of 68.3% and a lightness of 87.6%. #caf4f5 color hex could be obtained by blending #ffffff with #95e9eb. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 79
- G 96
- B 96
RGB color chart
- C 18
- M 0
- Y 0
- K 4
CMYK color chart

● #caf4f5 color description : Light grayish cyan.

The hexadecimal color #caf4f5 has RGB values of R:202, G:244, B:245 and CMYK values of C:0.18, M:0, Y:0, K:0.04. Its decimal value is 13300981.

Hex triplet	caf4f5	`#caf4f5`
RGB Decimal	202, 244, 245	`rgb(202,244,245)`
RGB Percent	79.2, 95.7, 96.1	`rgb(79.2%,95.7%,96.1%)`
CMYK	18, 0, 0, 4
HSL	181.4°, 68.3, 87.6	`hsl(181.4,68.3%,87.6%)`
HSV (or HSB)	181.4°, 17.6, 96.1
Web Safe	ccffff	`#ccffff`

CIE-LAB	93.385, -13.205, -4.972
XYZ	73.185, 83.849, 98.71
xyY	0.286, 0.328, 83.849
CIE-LCH	93.385, 14.11, 200.633
CIE-LUV	93.385, -21.752, -5.496
Hunter-Lab	91.569, -17.581, 0.185
Binary	11001010, 11110100, 11110101

#caf4f5
```
#caf4f5 rgb(202,244,245)
```
#f5cbca
```
#f5cbca rgb(245,203,202)
```

Complementary Color

#caf5e1
```
#caf5e1 rgb(202,245,225)
```
#caf4f5
```
#caf4f5 rgb(202,244,245)
```
#cadff5
```
#cadff5 rgb(202,223,245)
```

Analogous Color

#f5e1ca
```
#f5e1ca rgb(245,225,202)
```
#caf4f5
```
#caf4f5 rgb(202,244,245)
```
#f5cadf
```
#f5cadf rgb(245,202,223)
```

Split Complementary Color

#f4f5ca
```
#f4f5ca rgb(244,245,202)
```
#caf4f5
```
#caf4f5 rgb(202,244,245)
```
#f5caf4
```
#f5caf4 rgb(245,202,244)
```

Triadic Color

#caf5cb
```
#caf5cb rgb(202,245,203)
```
#caf4f5
```
#caf4f5 rgb(202,244,245)
```
#f5caf4
```
#f5caf4 rgb(245,202,244)
```
#f5cbca
```
#f5cbca rgb(245,203,202)
```

Tetradic Color

#8ae7e9
```
#8ae7e9 rgb(138,231,233)
```
#9febed
```
#9febed rgb(159,235,237)
```
#b5f0f1
```
#b5f0f1 rgb(181,240,241)
```
#caf4f5
```
#caf4f5 rgb(202,244,245)
```
#dff8f9
```
#dff8f9 rgb(223,248,249)
```
#f5fdfd
```
#f5fdfd rgb(245,253,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#caf5eb
```
#caf5eb rgb(202,245,235)
```
#caf5ef
```
#caf5ef rgb(202,245,239)
```
#caf5f2
```
#caf5f2 rgb(202,245,242)
```
#caf4f5
```
#caf4f5 rgb(202,244,245)
```
#caf0f5
```
#caf0f5 rgb(202,240,245)
```
#caedf5
```
#caedf5 rgb(202,237,245)
```
#cae9f5
```
#cae9f5 rgb(202,233,245)
```

Similar Colors

Text with hexadecimal color #caf4f5

This text has a font color of #caf4f5.

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

#caf4f5 background color

This paragraph has a background color of #caf4f5.

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

#caf4f5 border color

This element has a border color of #caf4f5.

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

CSS codes

.text {color:#caf4f5;}

.background {background-color:#caf4f5;}

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

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

#020d0d
```
#020d0d rgb(2,13,13)
```
#061d1e
```
#061d1e rgb(6,29,30)
```
#092d2e
```
#092d2e rgb(9,45,46)
```
#0c3d3f
```
#0c3d3f rgb(12,61,63)
```
#0f4e4f
```
#0f4e4f rgb(15,78,79)
```
#125e60
```
#125e60 rgb(18,94,96)
```
#156e70
```
#156e70 rgb(21,110,112)
```
#187e81
```
#187e81 rgb(24,126,129)
```
#1b8e91
```
#1b8e91 rgb(27,142,145)
```
#1e9ea2
```
#1e9ea2 rgb(30,158,162)
```
#22afb2
```
#22afb2 rgb(34,175,178)
```
#25bfc3
```
#25bfc3 rgb(37,191,195)
```
#28cfd3
```
#28cfd3 rgb(40,207,211)
```

Shade Color Variation

#35d5d9
```
#35d5d9 rgb(53,213,217)
```
#46d9dc
```
#46d9dc rgb(70,217,220)
```
#56dcdf
```
#56dcdf rgb(86,220,223)
```
#67dfe2
```
#67dfe2 rgb(103,223,226)
```
#77e3e5
```
#77e3e5 rgb(119,227,229)
```
#88e6e9
```
#88e6e9 rgb(136,230,233)
```
#98eaec
```
#98eaec rgb(152,234,236)
```
#a9edef
```
#a9edef rgb(169,237,239)
```
#b9f1f2
```
#b9f1f2 rgb(185,241,242)
```
#caf4f5
```
#caf4f5 rgb(202,244,245)
```
#dbf7f8
```
#dbf7f8 rgb(219,247,248)
```
#ebfbfb
```
#ebfbfb rgb(235,251,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#dde2e2
```
#dde2e2 rgb(221,226,226)
```
#dbe4e4
```
#dbe4e4 rgb(219,228,228)
```
#d9e6e6
```
#d9e6e6 rgb(217,230,230)
```
#d6e8e9
```
#d6e8e9 rgb(214,232,233)
```
#d4ebeb
```
#d4ebeb rgb(212,235,235)
```
#d1edee
```
#d1edee rgb(209,237,238)
```
#cfeff0
```
#cfeff0 rgb(207,239,240)
```
#ccf2f3
```
#ccf2f3 rgb(204,242,243)
```
#caf4f5
```
#caf4f5 rgb(202,244,245)
```
#c8f6f7
```
#c8f6f7 rgb(200,246,247)
```
#c5f9fa
```
#c5f9fa rgb(197,249,250)
```
#c3fbfc
```
#c3fbfc rgb(195,251,252)
```
#c0fdff
```
#c0fdff rgb(192,253,255)
```

Tone Color Variation

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

#e8e8e8 Achromatopsia 0.005% of the population
#e2eaeb Atypical Achromatopsia 0.001% of the population

Dichromacy

#efebf0 Protanopia 1% of men
#fce6fa Deuteranopia 1% of men
#d6f1ff Tritanopia 0.001% of the population

Trichromacy

#e1eef2 Protanomaly 1% of men, 0.01% of women
#eaebf8 Deuteranomaly 6% of men, 0.4% of women
#d2f2fb Tritanomaly 0.01% of the population

#caf4f5 hex color

#caf4f5 Color Information

#caf4f5 Color Conversion

Color Schemes with #caf4f5

Alternatives to #caf4f5

#caf4f5 Preview

Shades and Tints of #caf4f5

Tones of #caf4f5

Color Blindness Simulator