#caf9fb hex color

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

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

● #caf9fb color description : Light grayish cyan.

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

Hex triplet	caf9fb	`#caf9fb`
RGB Decimal	202, 249, 251	`rgb(202,249,251)`
RGB Percent	79.2, 97.6, 98.4	`rgb(79.2%,97.6%,98.4%)`
CMYK	20, 1, 0, 2
HSL	182.4°, 86, 88.8	`hsl(182.4,86%,88.8%)`
HSV (or HSB)	182.4°, 19.5, 98.4
Web Safe	ccffff	`#ccffff`

CIE-LAB	94.853, -14.464, -5.915
XYZ	75.641, 87.271, 104.121
xyY	0.283, 0.327, 87.271
CIE-LCH	94.853, 15.627, 202.241
CIE-LUV	94.853, -24.11, -6.801
Hunter-Lab	93.419, -18.951, -0.689
Binary	11001010, 11111001, 11111011

#caf9fb
```
#caf9fb rgb(202,249,251)
```
#fbccca
```
#fbccca rgb(251,204,202)
```

Complementary Color

#cafbe5
```
#cafbe5 rgb(202,251,229)
```
#caf9fb
```
#caf9fb rgb(202,249,251)
```
#cae1fb
```
#cae1fb rgb(202,225,251)
```

Analogous Color

#fbe5ca
```
#fbe5ca rgb(251,229,202)
```
#caf9fb
```
#caf9fb rgb(202,249,251)
```
#fbcae1
```
#fbcae1 rgb(251,202,225)
```

Split Complementary Color

#f9fbca
```
#f9fbca rgb(249,251,202)
```
#caf9fb
```
#caf9fb rgb(202,249,251)
```
#fbcaf9
```
#fbcaf9 rgb(251,202,249)
```

Triadic Color

#cafbcc
```
#cafbcc rgb(202,251,204)
```
#caf9fb
```
#caf9fb rgb(202,249,251)
```
#fbcaf9
```
#fbcaf9 rgb(251,202,249)
```
#fbccca
```
#fbccca rgb(251,204,202)
```

Tetradic Color

#83f1f6
```
#83f1f6 rgb(131,241,246)
```
#9bf4f7
```
#9bf4f7 rgb(155,244,247)
```
#b2f6f9
```
#b2f6f9 rgb(178,246,249)
```
#caf9fb
```
#caf9fb rgb(202,249,251)
```
#e2fcfd
```
#e2fcfd rgb(226,252,253)
```
#f9feff
```
#f9feff rgb(249,254,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cafbf1
```
#cafbf1 rgb(202,251,241)
```
#cafbf5
```
#cafbf5 rgb(202,251,245)
```
#cafbf9
```
#cafbf9 rgb(202,251,249)
```
#caf9fb
```
#caf9fb rgb(202,249,251)
```
#caf5fb
```
#caf5fb rgb(202,245,251)
```
#caf1fb
```
#caf1fb rgb(202,241,251)
```
#caedfb
```
#caedfb rgb(202,237,251)
```

Similar Colors

Text with hexadecimal color #caf9fb

This text has a font color of #caf9fb.

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

#caf9fb background color

This paragraph has a background color of #caf9fb.

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

#caf9fb border color

This element has a border color of #caf9fb.

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

CSS codes

.text {color:#caf9fb;}

.background {background-color:#caf9fb;}

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

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

#000202
```
#000202 rgb(0,2,2)
```
#021314
```
#021314 rgb(2,19,20)
```
#032526
```
#032526 rgb(3,37,38)
```
#043638
```
#043638 rgb(4,54,56)
```
#06484b
```
#06484b rgb(6,72,75)
```
#07595d
```
#07595d rgb(7,89,93)
```
#086b6f
```
#086b6f rgb(8,107,111)
```
#0a7d81
```
#0a7d81 rgb(10,125,129)
```
#0b8e94
```
#0b8e94 rgb(11,142,148)
```
#0da0a6
```
#0da0a6 rgb(13,160,166)
```
#0eb1b8
```
#0eb1b8 rgb(14,177,184)
```
#0fc3ca
```
#0fc3ca rgb(15,195,202)
```
#11d4dd
```
#11d4dd rgb(17,212,221)
```

Shade Color Variation

#14e4ed
```
#14e4ed rgb(20,228,237)
```
#26e6ef
```
#26e6ef rgb(38,230,239)
```
#38e8f0
```
#38e8f0 rgb(56,232,240)
```
#4aebf1
```
#4aebf1 rgb(74,235,241)
```
#5dedf3
```
#5dedf3 rgb(93,237,243)
```
#6feff4
```
#6feff4 rgb(111,239,244)
```
#81f1f5
```
#81f1f5 rgb(129,241,245)
```
#93f3f7
```
#93f3f7 rgb(147,243,247)
```
#a6f5f8
```
#a6f5f8 rgb(166,245,248)
```
#b8f7fa
```
#b8f7fa rgb(184,247,250)
```
#caf9fb
```
#caf9fb rgb(202,249,251)
```
#dcfbfc
```
#dcfbfc rgb(220,251,252)
```
#eefdfe
```
#eefdfe rgb(238,253,254)
```

Tint Color Variation

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

#e2e3e3
```
#e2e3e3 rgb(226,227,227)
```
#e0e5e5
```
#e0e5e5 rgb(224,229,229)
```
#dee7e7
```
#dee7e7 rgb(222,231,231)
```
#dce9e9
```
#dce9e9 rgb(220,233,233)
```
#d9ebec
```
#d9ebec rgb(217,235,236)
```
#d7edee
```
#d7edee rgb(215,237,238)
```
#d5eff0
```
#d5eff0 rgb(213,239,240)
```
#d3f1f2
```
#d3f1f2 rgb(211,241,242)
```
#d1f3f4
```
#d1f3f4 rgb(209,243,244)
```
#cef5f7
```
#cef5f7 rgb(206,245,247)
```
#ccf7f9
```
#ccf7f9 rgb(204,247,249)
```
#caf9fb
```
#caf9fb rgb(202,249,251)
```
#c8fbfd
```
#c8fbfd rgb(200,251,253)
```

Tone Color Variation

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

#f3eff5 Protanopia 1% of men
#feebff Deuteranopia 1% of men
#dff4ff Tritanopia 0.001% of the population

Trichromacy

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

#caf9fb hex color

#caf9fb Color Information

#caf9fb Color Conversion

Color Schemes with #caf9fb

Alternatives to #caf9fb

#caf9fb Preview

Shades and Tints of #caf9fb

Tones of #caf9fb

Color Blindness Simulator