#c2f5fa Color Information
In a RGB color space, hex #c2f5fa is composed of 76.1% red, 96.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 2% magenta, 0% yellow and 2% black. It has a hue angle of 185.4 degrees, a saturation of 84.8% and a lightness of 87.1%. #c2f5fa color hex could be obtained by blending #ffffff with #85ebf5. Closest websafe color is: #ccffff.
-
- R 76
- G 96
- B 98
-
- C 22
- M 2
- Y 0
- K 2
● #c2f5fa color description : Very soft cyan.
#c2f5fa Color Conversion
The hexadecimal color #c2f5fa has RGB values of R:194, G:245, B:250 and CMYK values of C:0.22, M:0.02, Y:0, K:0.02. Its decimal value is 12776954.
| Hex triplet | c2f5fa | #c2f5fa |
|---|---|---|
| RGB Decimal | 194, 245, 250 | rgb(194,245,250) |
| RGB Percent | 76.1, 96.1, 98 | rgb(76.1%,96.1%,98%) |
| CMYK | 22, 2, 0, 2 | |
| HSL | 185.4°, 84.8, 87.1 | hsl(185.4,84.8%,87.1%) |
| HSV (or HSB) | 185.4°, 22.4, 98 | |
| Web Safe | ccffff | #ccffff |
| CIE-LAB | 93.309, -15.045, -7.732 |
|---|---|
| XYZ | 72.152, 83.674, 102.786 |
| xyY | 0.279, 0.324, 83.674 |
| CIE-LCH | 93.309, 16.915, 207.199 |
| CIE-LUV | 93.309, -25.945, -9.607 |
| Hunter-Lab | 91.474, -19.283, -2.591 |
| Binary | 11000010, 11110101, 11111010 |
Color Schemes with #c2f5fa
Alternatives to #c2f5fa
Below, you can see some colors close to #c2f5fa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#c2f5fa Preview
This text has a font color of #c2f5fa.
<span style="color:#c2f5fa;">Text here</span>
This paragraph has a background color of #c2f5fa.
<p style="background-color:#c2f5fa;">Content here</p>
This element has a border color of #c2f5fa.
<div style="border:1px solid #c2f5fa;">Content here</div>
.text {color:#c2f5fa;}
.background {background-color:#c2f5fa;}
.border {border:1px solid #c2f5fa;}
Shades and Tints of #c2f5fa
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, #010b0c is the darkest color, while #f8fefe is the lightest one.
-
#010b0c
#010b0crgb(1,11,12) -
#021b1e
#021b1ergb(2,27,30) -
#042c30
#042c30rgb(4,44,48) -
#053d42
#053d42rgb(5,61,66) -
#074d54
#074d54rgb(7,77,84) -
#085e66
#085e66rgb(8,94,102) -
#0a6e78
#0a6e78rgb(10,110,120) -
#0b7f8a
#0b7f8argb(11,127,138) -
#0d909d
#0d909drgb(13,144,157) -
#0ea0af
#0ea0afrgb(14,160,175) -
#10b1c1
#10b1c1rgb(16,177,193) -
#11c2d3
#11c2d3rgb(17,194,211) -
#13d2e5
#13d2e5rgb(19,210,229)
-
#1fdaed
#1fdaedrgb(31,218,237) -
#31ddee
#31ddeergb(49,221,238) -
#43e0f0
#43e0f0rgb(67,224,240) -
#55e3f1
#55e3f1rgb(85,227,241) -
#67e6f3
#67e6f3rgb(103,230,243) -
#79e9f4
#79e9f4rgb(121,233,244) -
#8cecf6
#8cecf6rgb(140,236,246) -
#9eeff7
#9eeff7rgb(158,239,247) -
#b0f2f9
#b0f2f9rgb(176,242,249) -
#c2f5fa
#c2f5fargb(194,245,250) -
#d4f8fb
#d4f8fbrgb(212,248,251) -
#e6fbfd
#e6fbfdrgb(230,251,253) -
#f8fefe
#f8fefergb(248,254,254)
Tones of #c2f5fa
A tone is produced by adding gray to any pure hue. In this case, #dedede is the less saturated color, while #bff7fd is the most saturated one.
-
#dedede
#dededergb(222,222,222) -
#dbe0e1
#dbe0e1rgb(219,224,225) -
#d9e2e3
#d9e2e3rgb(217,226,227) -
#d6e4e6
#d6e4e6rgb(214,228,230) -
#d4e6e8
#d4e6e8rgb(212,230,232) -
#d1e8eb
#d1e8ebrgb(209,232,235) -
#cfebed
#cfebedrgb(207,235,237) -
#ccedf0
#ccedf0rgb(204,237,240) -
#caeff2
#caeff2rgb(202,239,242) -
#c7f1f5
#c7f1f5rgb(199,241,245) -
#c5f3f7
#c5f3f7rgb(197,243,247) -
#c2f5fa
#c2f5fargb(194,245,250) -
#bff7fd
#bff7fdrgb(191,247,253)
Color Blindness Simulator
Below, you can see how #c2f5fa 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.
