#caf5fe hex color

In a RGB color space, hex #caf5fe is composed of 79.2% red, 96.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 3.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 190.4 degrees, a saturation of 96.3% and a lightness of 89.4%. #caf5fe color hex could be obtained by blending #ffffff with #95ebfd. Closest websafe color is: #ccffff.

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

● #caf5fe color description : Very soft cyan.

The hexadecimal color #caf5fe has RGB values of R:202, G:245, B:254 and CMYK values of C:0.2, M:0.04, Y:0, K:0. Its decimal value is 13301246.

Hex triplet	caf5fe	`#caf5fe`
RGB Decimal	202, 245, 254	`rgb(202,245,254)`
RGB Percent	79.2, 96.1, 99.6	`rgb(79.2%,96.1%,99.6%)`
CMYK	20, 4, 0, 0
HSL	190.4°, 96.3, 89.4	`hsl(190.4,96.3%,89.4%)`
HSV (or HSB)	190.4°, 20.5, 99.6
Web Safe	ccffff	`#ccffff`

CIE-LAB	93.89, -11.84, -8.894
XYZ	74.895, 85.015, 106.224
xyY	0.281, 0.319, 85.015
CIE-LCH	93.89, 14.808, 216.911
CIE-LUV	93.89, -22.362, -12.01
Hunter-Lab	92.204, -16.365, -3.763
Binary	11001010, 11110101, 11111110

#caf5fe
```
#caf5fe rgb(202,245,254)
```
#fed3ca
```
#fed3ca rgb(254,211,202)
```

Complementary Color

#cafeed
```
#cafeed rgb(202,254,237)
```
#caf5fe
```
#caf5fe rgb(202,245,254)
```
#cadbfe
```
#cadbfe rgb(202,219,254)
```

Analogous Color

#feedca
```
#feedca rgb(254,237,202)
```
#caf5fe
```
#caf5fe rgb(202,245,254)
```
#fecadb
```
#fecadb rgb(254,202,219)
```

Split Complementary Color

#f5feca
```
#f5feca rgb(245,254,202)
```
#caf5fe
```
#caf5fe rgb(202,245,254)
```
#fecaf5
```
#fecaf5 rgb(254,202,245)
```

Triadic Color

#cafed3
```
#cafed3 rgb(202,254,211)
```
#caf5fe
```
#caf5fe rgb(202,245,254)
```
#fecaf5
```
#fecaf5 rgb(254,202,245)
```
#fed3ca
```
#fed3ca rgb(254,211,202)
```

Tetradic Color

#7fe7fd
```
#7fe7fd rgb(127,231,253)
```
#98ecfd
```
#98ecfd rgb(152,236,253)
```
#b1f0fe
```
#b1f0fe rgb(177,240,254)
```
#caf5fe
```
#caf5fe rgb(202,245,254)
```
#e3fafe
```
#e3fafe rgb(227,250,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cafefa
```
#cafefa rgb(202,254,250)
```
#cafefe
```
#cafefe rgb(202,254,254)
```
#caf9fe
```
#caf9fe rgb(202,249,254)
```
#caf5fe
```
#caf5fe rgb(202,245,254)
```
#caf1fe
```
#caf1fe rgb(202,241,254)
```
#caecfe
```
#caecfe rgb(202,236,254)
```
#cae8fe
```
#cae8fe rgb(202,232,254)
```

Similar Colors

Text with hexadecimal color #caf5fe

This text has a font color of #caf5fe.

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

#caf5fe background color

This paragraph has a background color of #caf5fe.

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

#caf5fe border color

This element has a border color of #caf5fe.

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

CSS codes

.text {color:#caf5fe;}

.background {background-color:#caf5fe;}

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

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

#000405
```
#000405 rgb(0,4,5)
```
#001418
```
#001418 rgb(0,20,24)
```
#01242b
```
#01242b rgb(1,36,43)
```
#01343f
```
#01343f rgb(1,52,63)
```
#024452
```
#024452 rgb(2,68,82)
```
#025465
```
#025465 rgb(2,84,101)
```
#026478
```
#026478 rgb(2,100,120)
```
#03748c
```
#03748c rgb(3,116,140)
```
#03849f
```
#03849f rgb(3,132,159)
```
#0394b2
```
#0394b2 rgb(3,148,178)
```
#04a4c5
```
#04a4c5 rgb(4,164,197)
```
#04b4d9
```
#04b4d9 rgb(4,180,217)
```
#04c4ec
```
#04c4ec rgb(4,196,236)
```

Shade Color Variation

#09d1fa
```
#09d1fa rgb(9,209,250)
```
#1dd4fb
```
#1dd4fb rgb(29,212,251)
```
#30d8fb
```
#30d8fb rgb(48,216,251)
```
#43dcfb
```
#43dcfb rgb(67,220,251)
```
#56dffc
```
#56dffc rgb(86,223,252)
```
#6ae3fc
```
#6ae3fc rgb(106,227,252)
```
#7de6fd
```
#7de6fd rgb(125,230,253)
```
#90eafd
```
#90eafd rgb(144,234,253)
```
#a3eefd
```
#a3eefd rgb(163,238,253)
```
#b7f1fe
```
#b7f1fe rgb(183,241,254)
```
#caf5fe
```
#caf5fe rgb(202,245,254)
```
#ddf9fe
```
#ddf9fe rgb(221,249,254)
```
#f1fcff
```
#f1fcff rgb(241,252,255)
```

Tint Color Variation

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

#e3e5e5
```
#e3e5e5 rgb(227,229,229)
```
#e1e6e7
```
#e1e6e7 rgb(225,230,231)
```
#dfe7e9
```
#dfe7e9 rgb(223,231,233)
```
#dde9eb
```
#dde9eb rgb(221,233,235)
```
#dbeaed
```
#dbeaed rgb(219,234,237)
```
#d9ebef
```
#d9ebef rgb(217,235,239)
```
#d6edf2
```
#d6edf2 rgb(214,237,242)
```
#d4eef4
```
#d4eef4 rgb(212,238,244)
```
#d2f0f6
```
#d2f0f6 rgb(210,240,246)
```
#d0f1f8
```
#d0f1f8 rgb(208,241,248)
```
#cef2fa
```
#cef2fa rgb(206,242,250)
```
#ccf4fc
```
#ccf4fc rgb(204,244,252)
```
#caf5fe
```
#caf5fe rgb(202,245,254)
```

Tone Color Variation

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

#e9e9e9 Achromatopsia 0.005% of the population
#e3ebed Atypical Achromatopsia 0.001% of the population

Dichromacy

#eeecf9 Protanopia 1% of men
#f8e9ff Deuteranopia 1% of men
#d8f2ff Tritanopia 0.001% of the population

Trichromacy

#e1effb Protanomaly 1% of men, 0.01% of women
#e7edfe Deuteranomaly 6% of men, 0.4% of women
#d3f3fe Tritanomaly 0.01% of the population

#caf5fe hex color

#caf5fe Color Information

#caf5fe Color Conversion

Color Schemes with #caf5fe

Alternatives to #caf5fe

#caf5fe Preview

Shades and Tints of #caf5fe

Tones of #caf5fe

Color Blindness Simulator