#c2f3fa Color Information
In a RGB color space, hex #c2f3fa is composed of 76.1% red, 95.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 2.8% magenta, 0% yellow and 2% black. It has a hue angle of 187.5 degrees, a saturation of 84.8% and a lightness of 87.1%. #c2f3fa color hex could be obtained by blending #ffffff with #85e7f5. Closest websafe color is: #ccffff.
-
- R 76
- G 95
- B 98
-
- C 22
- M 3
- Y 0
- K 2
● #c2f3fa color description : Very soft cyan.
#c2f3fa Color Conversion
The hexadecimal color #c2f3fa has RGB values of R:194, G:243, B:250 and CMYK values of C:0.22, M:0.03, Y:0, K:0.02. Its decimal value is 12776442.
| Hex triplet | c2f3fa | #c2f3fa |
|---|---|---|
| RGB Decimal | 194, 243, 250 | rgb(194,243,250) |
| RGB Percent | 76.1, 95.3, 98 | rgb(76.1%,95.3%,98%) |
| CMYK | 22, 3, 0, 2 | |
| HSL | 187.5°, 84.8, 87.1 | hsl(187.5,84.8%,87.1%) |
| HSV (or HSB) | 187.5°, 22.4, 98 | |
| Web Safe | ccffff | #ccffff |
| CIE-LAB | 92.782, -14.047, -8.512 |
|---|---|
| XYZ | 71.55, 82.471, 102.586 |
| xyY | 0.279, 0.321, 82.471 |
| CIE-LCH | 92.782, 16.424, 211.215 |
| CIE-LUV | 92.782, -25.059, -11.02 |
| Hunter-Lab | 90.813, -18.287, -3.407 |
| Binary | 11000010, 11110011, 11111010 |
Color Schemes with #c2f3fa
Alternatives to #c2f3fa
Below, you can see some colors close to #c2f3fa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#c2f3fa Preview
This text has a font color of #c2f3fa.
<span style="color:#c2f3fa;">Text here</span>
This paragraph has a background color of #c2f3fa.
<p style="background-color:#c2f3fa;">Content here</p>
This element has a border color of #c2f3fa.
<div style="border:1px solid #c2f3fa;">Content here</div>
.text {color:#c2f3fa;}
.background {background-color:#c2f3fa;}
.border {border:1px solid #c2f3fa;}
Shades and Tints of #c2f3fa
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, #010a0c is the darkest color, while #f8fefe is the lightest one.
-
#010a0c
#010a0crgb(1,10,12) -
#021a1e
#021a1ergb(2,26,30) -
#042a30
#042a30rgb(4,42,48) -
#053a42
#053a42rgb(5,58,66) -
#074a54
#074a54rgb(7,74,84) -
#085a66
#085a66rgb(8,90,102) -
#0a6a78
#0a6a78rgb(10,106,120) -
#0b7b8a
#0b7b8argb(11,123,138) -
#0d8b9d
#0d8b9drgb(13,139,157) -
#0e9baf
#0e9bafrgb(14,155,175) -
#10abc1
#10abc1rgb(16,171,193) -
#11bbd3
#11bbd3rgb(17,187,211) -
#13cbe5
#13cbe5rgb(19,203,229)
-
#1fd3ed
#1fd3edrgb(31,211,237) -
#31d6ee
#31d6eergb(49,214,238) -
#43daf0
#43daf0rgb(67,218,240) -
#55def1
#55def1rgb(85,222,241) -
#67e1f3
#67e1f3rgb(103,225,243) -
#79e5f4
#79e5f4rgb(121,229,244) -
#8ce8f6
#8ce8f6rgb(140,232,246) -
#9eecf7
#9eecf7rgb(158,236,247) -
#b0eff9
#b0eff9rgb(176,239,249) -
#c2f3fa
#c2f3fargb(194,243,250) -
#d4f7fb
#d4f7fbrgb(212,247,251) -
#e6fafd
#e6fafdrgb(230,250,253) -
#f8fefe
#f8fefergb(248,254,254)
Tones of #c2f3fa
A tone is produced by adding gray to any pure hue. In this case, #dedede is the less saturated color, while #bff5fd 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) -
#cfe9ed
#cfe9edrgb(207,233,237) -
#ccebf0
#ccebf0rgb(204,235,240) -
#caedf2
#caedf2rgb(202,237,242) -
#c7eff5
#c7eff5rgb(199,239,245) -
#c5f1f7
#c5f1f7rgb(197,241,247) -
#c2f3fa
#c2f3fargb(194,243,250) -
#bff5fd
#bff5fdrgb(191,245,253)
Color Blindness Simulator
Below, you can see how #c2f3fa 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.
