#c4f5f6 Color Information
In a RGB color space, hex #c4f5f6 is composed of 76.9% red, 96.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 20.3% cyan, 0.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 181.2 degrees, a saturation of 73.5% and a lightness of 86.7%. #c4f5f6 color hex could be obtained by blending #ffffff with #89ebed. Closest websafe color is: #ccffff.
-
- R 77
- G 96
- B 96
-
- C 20
- M 0
- Y 0
- K 4
● #c4f5f6 color description : Very soft cyan.
#c4f5f6 Color Conversion
The hexadecimal color #c4f5f6 has RGB values of R:196, G:245, B:246 and CMYK values of C:0.2, M:0, Y:0, K:0.04. Its decimal value is 12908022.
Hex triplet | c4f5f6 | #c4f5f6 |
---|---|---|
RGB Decimal | 196, 245, 246 | rgb(196,245,246) |
RGB Percent | 76.9, 96.1, 96.5 | rgb(76.9%,96.1%,96.5%) |
CMYK | 20, 0, 0, 4 | |
HSL | 181.2°, 73.5, 86.7 | hsl(181.2,73.5%,86.7%) |
HSV (or HSB) | 181.2°, 20.3, 96.5 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 93.317, -15.298, -5.632 |
---|---|
XYZ | 72.048, 83.692, 99.542 |
xyY | 0.282, 0.328, 83.692 |
CIE-LCH | 93.317, 16.302, 200.21 |
CIE-LUV | 93.317, -24.998, -6.201 |
Hunter-Lab | 91.484, -19.518, -0.474 |
Binary | 11000100, 11110101, 11110110 |
Color Schemes with #c4f5f6
Alternatives to #c4f5f6
Below, you can see some colors close to #c4f5f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#c4f5f6 Preview
This text has a font color of #c4f5f6.
<span style="color:#c4f5f6;">Text here</span>
This paragraph has a background color of #c4f5f6.
<p style="background-color:#c4f5f6;">Content here</p>
This element has a border color of #c4f5f6.
<div style="border:1px solid #c4f5f6;">Content here</div>
.text {color:#c4f5f6;}
.background {background-color:#c4f5f6;}
.border {border:1px solid #c4f5f6;}
Shades and Tints of #c4f5f6
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)
-
#041a1a
#041a1a
rgb(4,26,26)
-
#072a2b
#072a2b
rgb(7,42,43)
-
#093b3c
#093b3c
rgb(9,59,60)
-
#0c4c4d
#0c4c4d
rgb(12,76,77)
-
#0e5d5e
#0e5d5e
rgb(14,93,94)
-
#116d6f
#116d6f
rgb(17,109,111)
-
#147e80
#147e80
rgb(20,126,128)
-
#168f91
#168f91
rgb(22,143,145)
-
#19a0a2
#19a0a2
rgb(25,160,162)
-
#1bb0b3
#1bb0b3
rgb(27,176,179)
-
#1ec1c4
#1ec1c4
rgb(30,193,196)
-
#21d2d5
#21d2d5
rgb(33,210,213)
-
#2bdbdf
#2bdbdf
rgb(43,219,223)
-
#3cdee1
#3cdee1
rgb(60,222,225)
-
#4de1e4
#4de1e4
rgb(77,225,228)
-
#5ee4e6
#5ee4e6
rgb(94,228,230)
-
#6fe7e9
#6fe7e9
rgb(111,231,233)
-
#80e9ec
#80e9ec
rgb(128,233,236)
-
#91ecee
#91ecee
rgb(145,236,238)
-
#a2eff1
#a2eff1
rgb(162,239,241)
-
#b3f2f3
#b3f2f3
rgb(179,242,243)
-
#c4f5f6
#c4f5f6
rgb(196,245,246)
-
#d5f8f9
#d5f8f9
rgb(213,248,249)
-
#e6fbfb
#e6fbfb
rgb(230,251,251)
-
#f7fefe
#f7fefe
rgb(247,254,254)
Tones of #c4f5f6
A tone is produced by adding gray to any pure hue. In this case, #dcdede is the less saturated color, while #bcfdfe is the most saturated one.
-
#dcdede
#dcdede
rgb(220,222,222)
-
#d9e1e1
#d9e1e1
rgb(217,225,225)
-
#d6e3e4
#d6e3e4
rgb(214,227,228)
-
#d4e6e6
#d4e6e6
rgb(212,230,230)
-
#d1e8e9
#d1e8e9
rgb(209,232,233)
-
#ceebec
#ceebec
rgb(206,235,236)
-
#ccedee
#ccedee
rgb(204,237,238)
-
#c9f0f1
#c9f0f1
rgb(201,240,241)
-
#c7f2f3
#c7f2f3
rgb(199,242,243)
-
#c4f5f6
#c4f5f6
rgb(196,245,246)
-
#c1f8f9
#c1f8f9
rgb(193,248,249)
-
#bffafb
#bffafb
rgb(191,250,251)
-
#bcfdfe
#bcfdfe
rgb(188,253,254)
Color Blindness Simulator
Below, you can see how #c4f5f6 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.