#c2f5f9 Color Information
In a RGB color space, hex #c2f5f9 is composed of 76.1% red, 96.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 22.1% cyan, 1.6% magenta, 0% yellow and 2.4% black. It has a hue angle of 184.4 degrees, a saturation of 82.1% and a lightness of 86.9%. #c2f5f9 color hex could be obtained by blending #ffffff with #85ebf3. Closest websafe color is: #ccffff.
-
- R 76
- G 96
- B 98
-
- C 22
- M 2
- Y 0
- K 2
● #c2f5f9 color description : Very soft cyan.
#c2f5f9 Color Conversion
The hexadecimal color #c2f5f9 has RGB values of R:194, G:245, B:249 and CMYK values of C:0.22, M:0.02, Y:0, K:0.02. Its decimal value is 12776953.
Hex triplet | c2f5f9 | #c2f5f9 |
---|---|---|
RGB Decimal | 194, 245, 249 | rgb(194,245,249) |
RGB Percent | 76.1, 96.1, 97.6 | rgb(76.1%,96.1%,97.6%) |
CMYK | 22, 2, 0, 2 | |
HSL | 184.4°, 82.1, 86.9 | hsl(184.4,82.1%,86.9%) |
HSV (or HSB) | 184.4°, 22.1, 97.6 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 93.282, -15.257, -7.253 |
---|---|
XYZ | 71.995, 83.612, 101.963 |
xyY | 0.28, 0.325, 83.612 |
CIE-LCH | 93.282, 16.894, 205.426 |
CIE-LUV | 93.282, -25.935, -8.803 |
Hunter-Lab | 91.439, -19.476, -2.106 |
Binary | 11000010, 11110101, 11111001 |
Color Schemes with #c2f5f9
Alternatives to #c2f5f9
Below, you can see some colors close to #c2f5f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#c2f5f9 Preview
This text has a font color of #c2f5f9.
<span style="color:#c2f5f9;">Text here</span>
This paragraph has a background color of #c2f5f9.
<p style="background-color:#c2f5f9;">Content here</p>
This element has a border color of #c2f5f9.
<div style="border:1px solid #c2f5f9;">Content here</div>
.text {color:#c2f5f9;}
.background {background-color:#c2f5f9;}
.border {border:1px solid #c2f5f9;}
Shades and Tints of #c2f5f9
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, #010a0a is the darkest color, while #f8fefe is the lightest one.
-
#010a0a
#010a0a
rgb(1,10,10)
-
#031a1c
#031a1c
rgb(3,26,28)
-
#052b2e
#052b2e
rgb(5,43,46)
-
#063c40
#063c40
rgb(6,60,64)
-
#084d52
#084d52
rgb(8,77,82)
-
#0a5d64
#0a5d64
rgb(10,93,100)
-
#0c6e76
#0c6e76
rgb(12,110,118)
-
#0d7f87
#0d7f87
rgb(13,127,135)
-
#0f8f99
#0f8f99
rgb(15,143,153)
-
#11a0ab
#11a0ab
rgb(17,160,171)
-
#13b1bd
#13b1bd
rgb(19,177,189)
-
#14c1cf
#14c1cf
rgb(20,193,207)
-
#16d2e1
#16d2e1
rgb(22,210,225)
-
#21dbe9
#21dbe9
rgb(33,219,233)
-
#33deeb
#33deeb
rgb(51,222,235)
-
#45e1ed
#45e1ed
rgb(69,225,237)
-
#57e3ee
#57e3ee
rgb(87,227,238)
-
#69e6f0
#69e6f0
rgb(105,230,240)
-
#7be9f2
#7be9f2
rgb(123,233,242)
-
#8cecf4
#8cecf4
rgb(140,236,244)
-
#9eeff5
#9eeff5
rgb(158,239,245)
-
#b0f2f7
#b0f2f7
rgb(176,242,247)
-
#c2f5f9
#c2f5f9
rgb(194,245,249)
-
#d4f8fb
#d4f8fb
rgb(212,248,251)
-
#e6fbfd
#e6fbfd
rgb(230,251,253)
-
#f8fefe
#f8fefe
rgb(248,254,254)
Tones of #c2f5f9
A tone is produced by adding gray to any pure hue. In this case, #dcdfdf is the less saturated color, while #bdf9fe is the most saturated one.
-
#dcdfdf
#dcdfdf
rgb(220,223,223)
-
#d9e1e2
#d9e1e2
rgb(217,225,226)
-
#d7e3e4
#d7e3e4
rgb(215,227,228)
-
#d4e6e7
#d4e6e7
rgb(212,230,231)
-
#d1e8ea
#d1e8ea
rgb(209,232,234)
-
#cfeaec
#cfeaec
rgb(207,234,236)
-
#ccecef
#ccecef
rgb(204,236,239)
-
#caeef1
#caeef1
rgb(202,238,241)
-
#c7f1f4
#c7f1f4
rgb(199,241,244)
-
#c5f3f6
#c5f3f6
rgb(197,243,246)
-
#c2f5f9
#c2f5f9
rgb(194,245,249)
-
#bff7fc
#bff7fc
rgb(191,247,252)
-
#bdf9fe
#bdf9fe
rgb(189,249,254)
Color Blindness Simulator
Below, you can see how #c2f5f9 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.