#cafbfd hex color

In a RGB color space, hex #cafbfd is composed of 79.2% red, 98.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 0.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 182.4 degrees, a saturation of 92.7% and a lightness of 89.2%. #cafbfd color hex could be obtained by blending #ffffff with #95f7fb. 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

● #cafbfd color description : Very soft cyan.

The hexadecimal color #cafbfd has RGB values of R:202, G:251, B:253 and CMYK values of C:0.2, M:0.01, Y:0, K:0.01. Its decimal value is 13302781.

Hex triplet	cafbfd	`#cafbfd`
RGB Decimal	202, 251, 253	`rgb(202,251,253)`
RGB Percent	79.2, 98.4, 99.2	`rgb(79.2%,98.4%,99.2%)`
CMYK	20, 1, 0, 1
HSL	182.4°, 92.7, 89.2	`hsl(182.4,92.7%,89.2%)`
HSV (or HSB)	182.4°, 20.2, 99.2
Web Safe	ccffff	`#ccffff`

CIE-LAB	95.43, -15.042, -6.097
XYZ	76.58, 88.641, 105.998
xyY	0.282, 0.327, 88.641
CIE-LCH	95.43, 16.231, 202.063
CIE-LUV	95.43, -25.034, -7.002
Hunter-Lab	94.149, -19.571, -0.847
Binary	11001010, 11111011, 11111101

#cafbfd
```
#cafbfd rgb(202,251,253)
```
#fdccca
```
#fdccca rgb(253,204,202)
```

Complementary Color

#cafde6
```
#cafde6 rgb(202,253,230)
```
#cafbfd
```
#cafbfd rgb(202,251,253)
```
#cae2fd
```
#cae2fd rgb(202,226,253)
```

Analogous Color

#fde6ca
```
#fde6ca rgb(253,230,202)
```
#cafbfd
```
#cafbfd rgb(202,251,253)
```
#fdcae2
```
#fdcae2 rgb(253,202,226)
```

Split Complementary Color

#fbfdca
```
#fbfdca rgb(251,253,202)
```
#cafbfd
```
#cafbfd rgb(202,251,253)
```
#fdcafb
```
#fdcafb rgb(253,202,251)
```

Triadic Color

#cafdcc
```
#cafdcc rgb(202,253,204)
```
#cafbfd
```
#cafbfd rgb(202,251,253)
```
#fdcafb
```
#fdcafb rgb(253,202,251)
```
#fdccca
```
#fdccca rgb(253,204,202)
```

Tetradic Color

#80f5fa
```
#80f5fa rgb(128,245,250)
```
#99f7fb
```
#99f7fb rgb(153,247,251)
```
#b1f9fc
```
#b1f9fc rgb(177,249,252)
```
#cafbfd
```
#cafbfd rgb(202,251,253)
```
#e3fdfe
```
#e3fdfe rgb(227,253,254)
```
#fbffff
```
#fbffff rgb(251,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cafdf2
```
#cafdf2 rgb(202,253,242)
```
#cafdf7
```
#cafdf7 rgb(202,253,247)
```
#cafdfb
```
#cafdfb rgb(202,253,251)
```
#cafbfd
```
#cafbfd rgb(202,251,253)
```
#caf7fd
```
#caf7fd rgb(202,247,253)
```
#caf3fd
```
#caf3fd rgb(202,243,253)
```
#caeefd
```
#caeefd rgb(202,238,253)
```

Similar Colors

Text with hexadecimal color #cafbfd

This text has a font color of #cafbfd.

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

#cafbfd background color

This paragraph has a background color of #cafbfd.

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

#cafbfd border color

This element has a border color of #cafbfd.

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

CSS codes

.text {color:#cafbfd;}

.background {background-color:#cafbfd;}

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

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

#000404
```
#000404 rgb(0,4,4)
```
#011617
```
#011617 rgb(1,22,23)
```
#02282a
```
#02282a rgb(2,40,42)
```
#023a3c
```
#023a3c rgb(2,58,60)
```
#034c4f
```
#034c4f rgb(3,76,79)
```
#045f62
```
#045f62 rgb(4,95,98)
```
#047175
```
#047175 rgb(4,113,117)
```
#058388
```
#058388 rgb(5,131,136)
```
#06959b
```
#06959b rgb(6,149,155)
```
#07a7ae
```
#07a7ae rgb(7,167,174)
```
#07b9c1
```
#07b9c1 rgb(7,185,193)
```
#08ccd4
```
#08ccd4 rgb(8,204,212)
```
#09dee7
```
#09dee7 rgb(9,222,231)
```

Shade Color Variation

#0dedf6
```
#0dedf6 rgb(13,237,246)
```
#20eef7
```
#20eef7 rgb(32,238,247)
```
#33f0f7
```
#33f0f7 rgb(51,240,247)
```
#46f1f8
```
#46f1f8 rgb(70,241,248)
```
#59f2f9
```
#59f2f9 rgb(89,242,249)
```
#6bf4f9
```
#6bf4f9 rgb(107,244,249)
```
#7ef5fa
```
#7ef5fa rgb(126,245,250)
```
#91f7fb
```
#91f7fb rgb(145,247,251)
```
#a4f8fc
```
#a4f8fc rgb(164,248,252)
```
#b7fafc
```
#b7fafc rgb(183,250,252)
```
#cafbfd
```
#cafbfd rgb(202,251,253)
```
#ddfcfe
```
#ddfcfe rgb(221,252,254)
```
#f0fefe
```
#f0fefe rgb(240,254,254)
```

Tint Color Variation

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

#e3e4e4
```
#e3e4e4 rgb(227,228,228)
```
#e1e6e6
```
#e1e6e6 rgb(225,230,230)
```
#dfe8e8
```
#dfe8e8 rgb(223,232,232)
```
#dde9ea
```
#dde9ea rgb(221,233,234)
```
#dbebec
```
#dbebec rgb(219,235,236)
```
#d9edee
```
#d9edee rgb(217,237,238)
```
#d7eff0
```
#d7eff0 rgb(215,239,240)
```
#d5f1f2
```
#d5f1f2 rgb(213,241,242)
```
#d2f3f5
```
#d2f3f5 rgb(210,243,245)
```
#d0f5f7
```
#d0f5f7 rgb(208,245,247)
```
#cef7f9
```
#cef7f9 rgb(206,247,249)
```
#ccf9fb
```
#ccf9fb rgb(204,249,251)
```
#cafbfd
```
#cafbfd rgb(202,251,253)
```

Tone Color Variation

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

#ededed Achromatopsia 0.005% of the population
#e6f0f0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4f1f7 Protanopia 1% of men
#feedff Deuteranopia 1% of men
#e2f5ff Tritanopia 0.001% of the population

Trichromacy

#e5f4f9 Protanomaly 1% of men, 0.01% of women
#ebf2fe Deuteranomaly 6% of men, 0.4% of women
#d9f7fe Tritanomaly 0.01% of the population

#cafbfd hex color

#cafbfd Color Information

#cafbfd Color Conversion

Color Schemes with #cafbfd

Alternatives to #cafbfd

#cafbfd Preview

Shades and Tints of #cafbfd

Tones of #cafbfd

Color Blindness Simulator