#c2f3f9 Color Information
In a RGB color space, hex #c2f3f9 is composed of 76.1% red, 95.3% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 22.1% cyan, 2.4% magenta, 0% yellow and 2.4% black. It has a hue angle of 186.5 degrees, a saturation of 82.1% and a lightness of 86.9%. #c2f3f9 color hex could be obtained by blending #ffffff with #85e7f3. Closest websafe color is: #ccffff.
-
- R 76
- G 95
- B 98
-
- C 22
- M 2
- Y 0
- K 2
● #c2f3f9 color description : Very soft cyan.
#c2f3f9 Color Conversion
The hexadecimal color #c2f3f9 has RGB values of R:194, G:243, B:249 and CMYK values of C:0.22, M:0.02, Y:0, K:0.02. Its decimal value is 12776441.
Hex triplet | c2f3f9 | #c2f3f9 |
---|---|---|
RGB Decimal | 194, 243, 249 | rgb(194,243,249) |
RGB Percent | 76.1, 95.3, 97.6 | rgb(76.1%,95.3%,97.6%) |
CMYK | 22, 2, 0, 2 | |
HSL | 186.5°, 82.1, 86.9 | hsl(186.5,82.1%,86.9%) |
HSV (or HSB) | 186.5°, 22.1, 97.6 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 92.755, -14.26, -8.033 |
---|---|
XYZ | 71.394, 82.408, 101.762 |
xyY | 0.279, 0.322, 82.408 |
CIE-LCH | 92.755, 16.367, 209.395 |
CIE-LUV | 92.755, -25.047, -10.213 |
Hunter-Lab | 90.779, -18.48, -2.918 |
Binary | 11000010, 11110011, 11111001 |
Color Schemes with #c2f3f9
Alternatives to #c2f3f9
Below, you can see some colors close to #c2f3f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#c2f3f9 Preview
This text has a font color of #c2f3f9.
<span style="color:#c2f3f9;">Text here</span>
This paragraph has a background color of #c2f3f9.
<p style="background-color:#c2f3f9;">Content here</p>
This element has a border color of #c2f3f9.
<div style="border:1px solid #c2f3f9;">Content here</div>
.text {color:#c2f3f9;}
.background {background-color:#c2f3f9;}
.border {border:1px solid #c2f3f9;}
Shades and Tints of #c2f3f9
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, #01090a is the darkest color, while #f8fefe is the lightest one.
-
#01090a
#01090a
rgb(1,9,10)
-
#031a1c
#031a1c
rgb(3,26,28)
-
#052a2e
#052a2e
rgb(5,42,46)
-
#063a40
#063a40
rgb(6,58,64)
-
#084a52
#084a52
rgb(8,74,82)
-
#0a5a64
#0a5a64
rgb(10,90,100)
-
#0c6a76
#0c6a76
rgb(12,106,118)
-
#0d7a87
#0d7a87
rgb(13,122,135)
-
#0f8a99
#0f8a99
rgb(15,138,153)
-
#119aab
#119aab
rgb(17,154,171)
-
#13aabd
#13aabd
rgb(19,170,189)
-
#14bbcf
#14bbcf
rgb(20,187,207)
-
#16cbe1
#16cbe1
rgb(22,203,225)
-
#21d3e9
#21d3e9
rgb(33,211,233)
-
#33d7eb
#33d7eb
rgb(51,215,235)
-
#45daed
#45daed
rgb(69,218,237)
-
#57deee
#57deee
rgb(87,222,238)
-
#69e1f0
#69e1f0
rgb(105,225,240)
-
#7be5f2
#7be5f2
rgb(123,229,242)
-
#8ce8f4
#8ce8f4
rgb(140,232,244)
-
#9eecf5
#9eecf5
rgb(158,236,245)
-
#b0eff7
#b0eff7
rgb(176,239,247)
-
#c2f3f9
#c2f3f9
rgb(194,243,249)
-
#d4f7fb
#d4f7fb
rgb(212,247,251)
-
#e6fafd
#e6fafd
rgb(230,250,253)
-
#f8fefe
#f8fefe
rgb(248,254,254)
Tones of #c2f3f9
A tone is produced by adding gray to any pure hue. In this case, #dcdfdf is the less saturated color, while #bdf7fe is the most saturated one.
-
#dcdfdf
#dcdfdf
rgb(220,223,223)
-
#d9e1e2
#d9e1e2
rgb(217,225,226)
-
#d7e3e4
#d7e3e4
rgb(215,227,228)
-
#d4e5e7
#d4e5e7
rgb(212,229,231)
-
#d1e7ea
#d1e7ea
rgb(209,231,234)
-
#cfe9ec
#cfe9ec
rgb(207,233,236)
-
#ccebef
#ccebef
rgb(204,235,239)
-
#caedf1
#caedf1
rgb(202,237,241)
-
#c7eff4
#c7eff4
rgb(199,239,244)
-
#c5f1f6
#c5f1f6
rgb(197,241,246)
-
#c2f3f9
#c2f3f9
rgb(194,243,249)
-
#bff5fc
#bff5fc
rgb(191,245,252)
-
#bdf7fe
#bdf7fe
rgb(189,247,254)
Color Blindness Simulator
Below, you can see how #c2f3f9 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.