#c3f6f7 Color Information
In a RGB color space, hex #c3f6f7 is composed of 76.5% red, 96.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 21.1% cyan, 0.4% magenta, 0% yellow and 3.1% black. It has a hue angle of 181.2 degrees, a saturation of 76.5% and a lightness of 86.7%. #c3f6f7 color hex could be obtained by blending #ffffff with #87edef. Closest websafe color is: #ccffff.
-
- R 76
- G 96
- B 97
-
- C 21
- M 0
- Y 0
- K 3
● #c3f6f7 color description : Very soft cyan.
#c3f6f7 Color Conversion
The hexadecimal color #c3f6f7 has RGB values of R:195, G:246, B:247 and CMYK values of C:0.21, M:0, Y:0, K:0.03. Its decimal value is 12842743.
Hex triplet | c3f6f7 | #c3f6f7 |
---|---|---|
RGB Decimal | 195, 246, 247 | rgb(195,246,247) |
RGB Percent | 76.5, 96.5, 96.9 | rgb(76.5%,96.5%,96.9%) |
CMYK | 21, 0, 0, 3 | |
HSL | 181.2°, 76.5, 86.7 | hsl(181.2,76.5%,86.7%) |
HSV (or HSB) | 181.2°, 21.1, 96.9 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 93.549, -15.882, -5.814 |
---|---|
XYZ | 72.246, 84.227, 100.441 |
xyY | 0.281, 0.328, 84.227 |
CIE-LCH | 93.549, 16.913, 200.107 |
CIE-LUV | 93.549, -25.909, -6.398 |
Hunter-Lab | 91.775, -20.09, -0.646 |
Binary | 11000011, 11110110, 11110111 |
Color Schemes with #c3f6f7
Alternatives to #c3f6f7
Below, you can see some colors close to #c3f6f7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#c3f6f7 Preview
This text has a font color of #c3f6f7.
<span style="color:#c3f6f7;">Text here</span>
This paragraph has a background color of #c3f6f7.
<p style="background-color:#c3f6f7;">Content here</p>
This element has a border color of #c3f6f7.
<div style="border:1px solid #c3f6f7;">Content here</div>
.text {color:#c3f6f7;}
.background {background-color:#c3f6f7;}
.border {border:1px solid #c3f6f7;}
Shades and Tints of #c3f6f7
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, #010909 is the darkest color, while #f7fefe is the lightest one.
-
#010909
#010909
rgb(1,9,9)
-
#041a1b
#041a1b
rgb(4,26,27)
-
#062b2c
#062b2c
rgb(6,43,44)
-
#083c3d
#083c3d
rgb(8,60,61)
-
#0a4d4e
#0a4d4e
rgb(10,77,78)
-
#0d5e60
#0d5e60
rgb(13,94,96)
-
#0f6f71
#0f6f71
rgb(15,111,113)
-
#118082
#118082
rgb(17,128,130)
-
#149194
#149194
rgb(20,145,148)
-
#16a2a5
#16a2a5
rgb(22,162,165)
-
#18b3b6
#18b3b6
rgb(24,179,182)
-
#1bc4c8
#1bc4c8
rgb(27,196,200)
-
#1dd5d9
#1dd5d9
rgb(29,213,217)
-
#27dfe2
#27dfe2
rgb(39,223,226)
-
#39e1e5
#39e1e5
rgb(57,225,229)
-
#4ae4e7
#4ae4e7
rgb(74,228,231)
-
#5be6e9
#5be6e9
rgb(91,230,233)
-
#6ce9eb
#6ce9eb
rgb(108,233,235)
-
#7eecee
#7eecee
rgb(126,236,238)
-
#8feef0
#8feef0
rgb(143,238,240)
-
#a0f1f2
#a0f1f2
rgb(160,241,242)
-
#b2f3f5
#b2f3f5
rgb(178,243,245)
-
#c3f6f7
#c3f6f7
rgb(195,246,247)
-
#d4f9f9
#d4f9f9
rgb(212,249,249)
-
#e6fbfc
#e6fbfc
rgb(230,251,252)
-
#f7fefe
#f7fefe
rgb(247,254,254)
Tones of #c3f6f7
A tone is produced by adding gray to any pure hue. In this case, #dbdfdf is the less saturated color, while #bbfeff is the most saturated one.
-
#dbdfdf
#dbdfdf
rgb(219,223,223)
-
#d8e2e2
#d8e2e2
rgb(216,226,226)
-
#d5e4e5
#d5e4e5
rgb(213,228,229)
-
#d3e7e7
#d3e7e7
rgb(211,231,231)
-
#d0e9ea
#d0e9ea
rgb(208,233,234)
-
#cdeced
#cdeced
rgb(205,236,237)
-
#cbeeef
#cbeeef
rgb(203,238,239)
-
#c8f1f2
#c8f1f2
rgb(200,241,242)
-
#c6f3f4
#c6f3f4
rgb(198,243,244)
-
#c3f6f7
#c3f6f7
rgb(195,246,247)
-
#c0f9fa
#c0f9fa
rgb(192,249,250)
-
#befbfc
#befbfc
rgb(190,251,252)
-
#bbfeff
#bbfeff
rgb(187,254,255)
Color Blindness Simulator
Below, you can see how #c3f6f7 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.