#c2f5ff hex color

In a RGB color space, hex #c2f5ff is composed of 76.1% red, 96.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 23.9% cyan, 3.9% magenta, 0% yellow and 0% black. It has a hue angle of 189.8 degrees, a saturation of 100% and a lightness of 88%. #c2f5ff color hex could be obtained by blending #ffffff with #85ebff. Closest websafe color is: #ccffff.

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

● #c2f5ff color description : Very pale cyan.

The hexadecimal color #c2f5ff has RGB values of R:194, G:245, B:255 and CMYK values of C:0.24, M:0.04, Y:0, K:0. Its decimal value is 12776959.

Hex triplet	c2f5ff	`#c2f5ff`
RGB Decimal	194, 245, 255	`rgb(194,245,255)`
RGB Percent	76.1, 96.1, 100	`rgb(76.1%,96.1%,100%)`
CMYK	24, 4, 0, 0
HSL	189.8°, 100, 88	`hsl(189.8,100%,88%)`
HSV (or HSB)	189.8°, 23.9, 100
Web Safe	ccffff	`#ccffff`

CIE-LAB	93.447, -13.973, -10.121
XYZ	72.946, 83.992, 106.971
xyY	0.276, 0.318, 83.992
CIE-LCH	93.447, 17.253, 215.916
CIE-LUV	93.447, -25.997, -13.647
Hunter-Lab	91.647, -18.306, -5.051
Binary	11000010, 11110101, 11111111

#c2f5ff
```
#c2f5ff rgb(194,245,255)
```
#ffccc2
```
#ffccc2 rgb(255,204,194)
```

Complementary Color

#c2ffeb
```
#c2ffeb rgb(194,255,235)
```
#c2f5ff
```
#c2f5ff rgb(194,245,255)
```
#c2d7ff
```
#c2d7ff rgb(194,215,255)
```

Analogous Color

#ffebc2
```
#ffebc2 rgb(255,235,194)
```
#c2f5ff
```
#c2f5ff rgb(194,245,255)
```
#ffc2d7
```
#ffc2d7 rgb(255,194,215)
```

Split Complementary Color

#f5ffc2
```
#f5ffc2 rgb(245,255,194)
```
#c2f5ff
```
#c2f5ff rgb(194,245,255)
```
#ffc2f5
```
#ffc2f5 rgb(255,194,245)
```

Triadic Color

#c2ffcc
```
#c2ffcc rgb(194,255,204)
```
#c2f5ff
```
#c2f5ff rgb(194,245,255)
```
#ffc2f5
```
#ffc2f5 rgb(255,194,245)
```
#ffccc2
```
#ffccc2 rgb(255,204,194)
```

Tetradic Color

#76e8ff
```
#76e8ff rgb(118,232,255)
```
#8fedff
```
#8fedff rgb(143,237,255)
```
#a9f1ff
```
#a9f1ff rgb(169,241,255)
```
#c2f5ff
```
#c2f5ff rgb(194,245,255)
```
#dcf9ff
```
#dcf9ff rgb(220,249,255)
```
#f5fdff
```
#f5fdff rgb(245,253,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c2fffa
```
#c2fffa rgb(194,255,250)
```
#c2ffff
```
#c2ffff rgb(194,255,255)
```
#c2faff
```
#c2faff rgb(194,250,255)
```
#c2f5ff
```
#c2f5ff rgb(194,245,255)
```
#c2f0ff
```
#c2f0ff rgb(194,240,255)
```
#c2ebff
```
#c2ebff rgb(194,235,255)
```
#c2e6ff
```
#c2e6ff rgb(194,230,255)
```

Similar Colors

Text with hexadecimal color #c2f5ff

This text has a font color of #c2f5ff.

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

#c2f5ff background color

This paragraph has a background color of #c2f5ff.

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

#c2f5ff border color

This element has a border color of #c2f5ff.

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

CSS codes

.text {color:#c2f5ff;}

.background {background-color:#c2f5ff;}

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

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, #000f11 is the darkest color, while #fdffff is the lightest one.

#000f11
```
#000f11 rgb(0,15,17)
```
#001f25
```
#001f25 rgb(0,31,37)
```
#002f39
```
#002f39 rgb(0,47,57)
```
#00404c
```
#00404c rgb(0,64,76)
```
#005060
```
#005060 rgb(0,80,96)
```
#006174
```
#006174 rgb(0,97,116)
```
#007187
```
#007187 rgb(0,113,135)
```
#00819b
```
#00819b rgb(0,129,155)
```
#0092ae
```
#0092ae rgb(0,146,174)
```
#00a2c2
```
#00a2c2 rgb(0,162,194)
```
#00b3d6
```
#00b3d6 rgb(0,179,214)
```
#00c3e9
```
#00c3e9 rgb(0,195,233)
```
#00d3fd
```
#00d3fd rgb(0,211,253)
```

Shade Color Variation

#11d8ff
```
#11d8ff rgb(17,216,255)
```
#25dbff
```
#25dbff rgb(37,219,255)
```
#39deff
```
#39deff rgb(57,222,255)
```
#4ce2ff
```
#4ce2ff rgb(76,226,255)
```
#60e5ff
```
#60e5ff rgb(96,229,255)
```
#74e8ff
```
#74e8ff rgb(116,232,255)
```
#87ebff
```
#87ebff rgb(135,235,255)
```
#9befff
```
#9befff rgb(155,239,255)
```
#aef2ff
```
#aef2ff rgb(174,242,255)
```
#c2f5ff
```
#c2f5ff rgb(194,245,255)
```
#d6f8ff
```
#d6f8ff rgb(214,248,255)
```
#e9fbff
```
#e9fbff rgb(233,251,255)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#dee2e3
```
#dee2e3 rgb(222,226,227)
```
#dce4e5
```
#dce4e5 rgb(220,228,229)
```
#d9e5e8
```
#d9e5e8 rgb(217,229,232)
```
#d7e7ea
```
#d7e7ea rgb(215,231,234)
```
#d5e8ec
```
#d5e8ec rgb(213,232,236)
```
#d2eaef
```
#d2eaef rgb(210,234,239)
```
#d0ecf1
```
#d0ecf1 rgb(208,236,241)
```
#ceedf3
```
#ceedf3 rgb(206,237,243)
```
#cbeff6
```
#cbeff6 rgb(203,239,246)
```
#c9f0f8
```
#c9f0f8 rgb(201,240,248)
```
#c7f2fa
```
#c7f2fa rgb(199,242,250)
```
#c4f3fd
```
#c4f3fd rgb(196,243,253)
```
#c2f5ff
```
#c2f5ff rgb(194,245,255)
```

Tone Color Variation

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

#e7e7e7 Achromatopsia 0.005% of the population
#e0eaec Atypical Achromatopsia 0.001% of the population

Dichromacy

#edebf9 Protanopia 1% of men
#f5e8ff Deuteranopia 1% of men
#d3f2ff Tritanopia 0.001% of the population

Trichromacy

#ddeffb Protanomaly 1% of men, 0.01% of women
#e2edff Deuteranomaly 6% of men, 0.4% of women
#ccf3ff Tritanomaly 0.01% of the population

#c2f5ff hex color

#c2f5ff Color Information

#c2f5ff Color Conversion

Color Schemes with #c2f5ff

Alternatives to #c2f5ff

#c2f5ff Preview

Shades and Tints of #c2f5ff

Tones of #c2f5ff

Color Blindness Simulator