#cafef4 hex color

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

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

● #cafef4 color description : Very soft cyan.

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

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

CIE-LAB	95.984, -18.356, -0.639
XYZ	76.124, 89.97, 98.938
xyY	0.287, 0.339, 89.97
CIE-LCH	95.984, 18.367, 181.995
CIE-LUV	95.984, -26.281, 2.192
Hunter-Lab	94.852, -22.736, 4.553
Binary	11001010, 11111110, 11110100

#cafef4
```
#cafef4 rgb(202,254,244)
```
#fecad4
```
#fecad4 rgb(254,202,212)
```

Complementary Color

#cafeda
```
#cafeda rgb(202,254,218)
```
#cafef4
```
#cafef4 rgb(202,254,244)
```
#caeefe
```
#caeefe rgb(202,238,254)
```

Analogous Color

#fedaca
```
#fedaca rgb(254,218,202)
```
#cafef4
```
#cafef4 rgb(202,254,244)
```
#fecaee
```
#fecaee rgb(254,202,238)
```

Split Complementary Color

#fef4ca
```
#fef4ca rgb(254,244,202)
```
#cafef4
```
#cafef4 rgb(202,254,244)
```
#f4cafe
```
#f4cafe rgb(244,202,254)
```

Triadic Color

#d4feca
```
#d4feca rgb(212,254,202)
```
#cafef4
```
#cafef4 rgb(202,254,244)
```
#f4cafe
```
#f4cafe rgb(244,202,254)
```
#fecad4
```
#fecad4 rgb(254,202,212)
```

Tetradic Color

#7ffde4
```
#7ffde4 rgb(127,253,228)
```
#98fdea
```
#98fdea rgb(152,253,234)
```
#b1feef
```
#b1feef rgb(177,254,239)
```
#cafef4
```
#cafef4 rgb(202,254,244)
```
#e3fef9
```
#e3fef9 rgb(227,254,249)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cafee7
```
#cafee7 rgb(202,254,231)
```
#cafeeb
```
#cafeeb rgb(202,254,235)
```
#cafef0
```
#cafef0 rgb(202,254,240)
```
#cafef4
```
#cafef4 rgb(202,254,244)
```
#cafef8
```
#cafef8 rgb(202,254,248)
```
#cafefd
```
#cafefd rgb(202,254,253)
```
#cafbfe
```
#cafbfe rgb(202,251,254)
```

Similar Colors

Text with hexadecimal color #cafef4

This text has a font color of #cafef4.

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

#cafef4 background color

This paragraph has a background color of #cafef4.

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

#cafef4 border color

This element has a border color of #cafef4.

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

CSS codes

.text {color:#cafef4;}

.background {background-color:#cafef4;}

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

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

#000504
```
#000504 rgb(0,5,4)
```
#001813
```
#001813 rgb(0,24,19)
```
#012b23
```
#012b23 rgb(1,43,35)
```
#013f33
```
#013f33 rgb(1,63,51)
```
#025242
```
#025242 rgb(2,82,66)
```
#026552
```
#026552 rgb(2,101,82)
```
#027862
```
#027862 rgb(2,120,98)
```
#038c71
```
#038c71 rgb(3,140,113)
```
#039f81
```
#039f81 rgb(3,159,129)
```
#03b290
```
#03b290 rgb(3,178,144)
```
#04c5a0
```
#04c5a0 rgb(4,197,160)
```
#04d9b0
```
#04d9b0 rgb(4,217,176)
```
#04ecbf
```
#04ecbf rgb(4,236,191)
```

Shade Color Variation

#09facc
```
#09facc rgb(9,250,204)
```
#1dfbd0
```
#1dfbd0 rgb(29,251,208)
```
#30fbd4
```
#30fbd4 rgb(48,251,212)
```
#43fbd8
```
#43fbd8 rgb(67,251,216)
```
#56fcdc
```
#56fcdc rgb(86,252,220)
```
#6afce0
```
#6afce0 rgb(106,252,224)
```
#7dfde4
```
#7dfde4 rgb(125,253,228)
```
#90fde8
```
#90fde8 rgb(144,253,232)
```
#a3fdec
```
#a3fdec rgb(163,253,236)
```
#b7fef0
```
#b7fef0 rgb(183,254,240)
```
#cafef4
```
#cafef4 rgb(202,254,244)
```
#ddfef8
```
#ddfef8 rgb(221,254,248)
```
#f1fffc
```
#f1fffc rgb(241,255,252)
```

Tint Color Variation

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

#e3e5e5
```
#e3e5e5 rgb(227,229,229)
```
#e1e7e6
```
#e1e7e6 rgb(225,231,230)
```
#dfe9e7
```
#dfe9e7 rgb(223,233,231)
```
#ddebe8
```
#ddebe8 rgb(221,235,232)
```
#dbedea
```
#dbedea rgb(219,237,234)
```
#d9efeb
```
#d9efeb rgb(217,239,235)
```
#d6f2ec
```
#d6f2ec rgb(214,242,236)
```
#d4f4ee
```
#d4f4ee rgb(212,244,238)
```
#d2f6ef
```
#d2f6ef rgb(210,246,239)
```
#d0f8f0
```
#d0f8f0 rgb(208,248,240)
```
#cefaf1
```
#cefaf1 rgb(206,250,241)
```
#ccfcf3
```
#ccfcf3 rgb(204,252,243)
```
#cafef4
```
#cafef4 rgb(202,254,244)
```

Tone Color Variation

Below, you can see how #cafef4 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
#e6f0ee Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9f2ee Protanopia 1% of men
#fff0f7 Deuteranopia 1% of men
#e6f6ff Tritanopia 0.001% of the population

Trichromacy

#e8f6f0 Protanomaly 1% of men, 0.01% of women
#ebf5f6 Deuteranomaly 6% of men, 0.4% of women
#dbf9fb Tritanomaly 0.01% of the population

#cafef4 hex color

#cafef4 Color Information

#cafef4 Color Conversion

Color Schemes with #cafef4

Alternatives to #cafef4

#cafef4 Preview

Shades and Tints of #cafef4

Tones of #cafef4

Color Blindness Simulator