#cafbf4 hex color

In a RGB color space, hex #cafbf4 is composed of 79.2% red, 98.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 19.5% cyan, 0% magenta, 2.8% yellow and 1.6% black. It has a hue angle of 171.4 degrees, a saturation of 86% and a lightness of 88.8%. #cafbf4 color hex could be obtained by blending #ffffff with #95f7e9. Closest websafe color is: #ccffff.

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

● #cafbf4 color description : Light grayish cyan.

The hexadecimal color #cafbf4 has RGB values of R:202, G:251, B:244 and CMYK values of C:0.2, M:0, Y:0.03, K:0.02. Its decimal value is 13302772.

Hex triplet	cafbf4	`#cafbf4`
RGB Decimal	202, 251, 244	`rgb(202,251,244)`
RGB Percent	79.2, 98.4, 95.7	`rgb(79.2%,98.4%,95.7%)`
CMYK	20, 0, 3, 2
HSL	171.4°, 86, 88.8	`hsl(171.4,86%,88.8%)`
HSV (or HSB)	171.4°, 19.5, 98.4
Web Safe	ccffff	`#ccffff`

CIE-LAB	95.195, -16.882, -1.795
XYZ	75.18, 88.081, 98.623
xyY	0.287, 0.336, 88.081
CIE-LCH	95.195, 16.977, 186.068
CIE-LUV	95.195, -24.921, 0.131
Hunter-Lab	93.851, -21.252, 3.391
Binary	11001010, 11111011, 11110100

#cafbf4
```
#cafbf4 rgb(202,251,244)
```
#fbcad1
```
#fbcad1 rgb(251,202,209)
```

Complementary Color

#cafbdc
```
#cafbdc rgb(202,251,220)
```
#cafbf4
```
#cafbf4 rgb(202,251,244)
```
#caeafb
```
#caeafb rgb(202,234,251)
```

Analogous Color

#fbdcca
```
#fbdcca rgb(251,220,202)
```
#cafbf4
```
#cafbf4 rgb(202,251,244)
```
#fbcaea
```
#fbcaea rgb(251,202,234)
```

Split Complementary Color

#fbf4ca
```
#fbf4ca rgb(251,244,202)
```
#cafbf4
```
#cafbf4 rgb(202,251,244)
```
#f4cafb
```
#f4cafb rgb(244,202,251)
```

Triadic Color

#d1fbca
```
#d1fbca rgb(209,251,202)
```
#cafbf4
```
#cafbf4 rgb(202,251,244)
```
#f4cafb
```
#f4cafb rgb(244,202,251)
```
#fbcad1
```
#fbcad1 rgb(251,202,209)
```

Tetradic Color

#83f6e5
```
#83f6e5 rgb(131,246,229)
```
#9bf7ea
```
#9bf7ea rgb(155,247,234)
```
#b2f9ef
```
#b2f9ef rgb(178,249,239)
```
#cafbf4
```
#cafbf4 rgb(202,251,244)
```
#e2fdf9
```
#e2fdf9 rgb(226,253,249)
```
#f9fffe
```
#f9fffe rgb(249,255,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cafbe8
```
#cafbe8 rgb(202,251,232)
```
#cafbec
```
#cafbec rgb(202,251,236)
```
#cafbf0
```
#cafbf0 rgb(202,251,240)
```
#cafbf4
```
#cafbf4 rgb(202,251,244)
```
#cafbf8
```
#cafbf8 rgb(202,251,248)
```
#cafafb
```
#cafafb rgb(202,250,251)
```
#caf6fb
```
#caf6fb rgb(202,246,251)
```

Similar Colors

Text with hexadecimal color #cafbf4

This text has a font color of #cafbf4.

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

#cafbf4 background color

This paragraph has a background color of #cafbf4.

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

#cafbf4 border color

This element has a border color of #cafbf4.

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

CSS codes

.text {color:#cafbf4;}

.background {background-color:#cafbf4;}

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

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

#000201
```
#000201 rgb(0,2,1)
```
#021411
```
#021411 rgb(2,20,17)
```
#032621
```
#032621 rgb(3,38,33)
```
#043831
```
#043831 rgb(4,56,49)
```
#064b41
```
#064b41 rgb(6,75,65)
```
#075d51
```
#075d51 rgb(7,93,81)
```
#086f60
```
#086f60 rgb(8,111,96)
```
#0a8170
```
#0a8170 rgb(10,129,112)
```
#0b9480
```
#0b9480 rgb(11,148,128)
```
#0da690
```
#0da690 rgb(13,166,144)
```
#0eb8a0
```
#0eb8a0 rgb(14,184,160)
```
#0fcab0
```
#0fcab0 rgb(15,202,176)
```
#11ddbf
```
#11ddbf rgb(17,221,191)
```

Shade Color Variation

#14edce
```
#14edce rgb(20,237,206)
```
#26efd2
```
#26efd2 rgb(38,239,210)
```
#38f0d6
```
#38f0d6 rgb(56,240,214)
```
#4af1da
```
#4af1da rgb(74,241,218)
```
#5df3dd
```
#5df3dd rgb(93,243,221)
```
#6ff4e1
```
#6ff4e1 rgb(111,244,225)
```
#81f5e5
```
#81f5e5 rgb(129,245,229)
```
#93f7e9
```
#93f7e9 rgb(147,247,233)
```
#a6f8ec
```
#a6f8ec rgb(166,248,236)
```
#b8faf0
```
#b8faf0 rgb(184,250,240)
```
#cafbf4
```
#cafbf4 rgb(202,251,244)
```
#dcfcf8
```
#dcfcf8 rgb(220,252,248)
```
#eefefc
```
#eefefc rgb(238,254,252)
```

Tint Color Variation

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

#e2e3e3
```
#e2e3e3 rgb(226,227,227)
```
#e0e5e4
```
#e0e5e4 rgb(224,229,228)
```
#dee7e6
```
#dee7e6 rgb(222,231,230)
```
#dce9e7
```
#dce9e7 rgb(220,233,231)
```
#d9ece9
```
#d9ece9 rgb(217,236,233)
```
#d7eeeb
```
#d7eeeb rgb(215,238,235)
```
#d5f0ec
```
#d5f0ec rgb(213,240,236)
```
#d3f2ee
```
#d3f2ee rgb(211,242,238)
```
#d1f4ef
```
#d1f4ef rgb(209,244,239)
```
#cef7f1
```
#cef7f1 rgb(206,247,241)
```
#ccf9f2
```
#ccf9f2 rgb(204,249,242)
```
#cafbf4
```
#cafbf4 rgb(202,251,244)
```
#c8fdf6
```
#c8fdf6 rgb(200,253,246)
```

Tone Color Variation

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

#ececec Achromatopsia 0.005% of the population
#e5efee Atypical Achromatopsia 0.001% of the population

Dichromacy

#f6f0ef Protanopia 1% of men
#ffedf7 Deuteranopia 1% of men
#e1f5ff Tritanopia 0.001% of the population

Trichromacy

#e6f4f0 Protanomaly 1% of men, 0.01% of women
#ebf2f6 Deuteranomaly 6% of men, 0.4% of women
#d8f7fb Tritanomaly 0.01% of the population

#cafbf4 hex color

#cafbf4 Color Information

#cafbf4 Color Conversion

Color Schemes with #cafbf4

Alternatives to #cafbf4

#cafbf4 Preview

Shades and Tints of #cafbf4

Tones of #cafbf4

Color Blindness Simulator