#ccf8f1 Color Information
In a RGB color space, hex #ccf8f1 is composed of 80% red, 97.3% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 0% magenta, 2.8% yellow and 2.7% black. It has a hue angle of 170.5 degrees, a saturation of 75.9% and a lightness of 88.6%. #ccf8f1 color hex could be obtained by blending #ffffff with #99f1e3. Closest websafe color is: #ccffff.
-
- R 80
- G 97
- B 95
-
- C 18
- M 0
- Y 3
- K 3
● #ccf8f1 color description : Light grayish cyan.
#ccf8f1 Color Conversion
The hexadecimal color #ccf8f1 has RGB values of R:204, G:248, B:241 and CMYK values of C:0.18, M:0, Y:0.03, K:0.03. Its decimal value is 13433073.
Hex triplet | ccf8f1 | #ccf8f1 |
---|---|---|
RGB Decimal | 204, 248, 241 | rgb(204,248,241) |
RGB Percent | 80, 97.3, 94.5 | rgb(80%,97.3%,94.5%) |
CMYK | 18, 0, 3, 3 | |
HSL | 170.5°, 75.9, 88.6 | hsl(170.5,75.9%,88.6%) |
HSV (or HSB) | 170.5°, 17.7, 97.3 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 94.45, -15.391, -1.321 |
---|---|
XYZ | 74.343, 86.321, 95.959 |
xyY | 0.29, 0.336, 86.321 |
CIE-LCH | 94.45, 15.448, 184.906 |
CIE-LUV | 94.45, -22.568, 0.622 |
Hunter-Lab | 92.909, -19.762, 3.8 |
Binary | 11001100, 11111000, 11110001 |
Color Schemes with #ccf8f1
Alternatives to #ccf8f1
Below, you can see some colors close to #ccf8f1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf8f1 Preview
This text has a font color of #ccf8f1.
<span style="color:#ccf8f1;">Text here</span>
This paragraph has a background color of #ccf8f1.
<p style="background-color:#ccf8f1;">Content here</p>
This element has a border color of #ccf8f1.
<div style="border:1px solid #ccf8f1;">Content here</div>
.text {color:#ccf8f1;}
.background {background-color:#ccf8f1;}
.border {border:1px solid #ccf8f1;}
Shades and Tints of #ccf8f1
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, #000101 is the darkest color, while #eefdfa is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#021210
#021210
rgb(2,18,16)
-
#05231e
#05231e
rgb(5,35,30)
-
#07342d
#07342d
rgb(7,52,45)
-
#0a463c
#0a463c
rgb(10,70,60)
-
#0c574b
#0c574b
rgb(12,87,75)
-
#0e685a
#0e685a
rgb(14,104,90)
-
#117969
#117969
rgb(17,121,105)
-
#138b78
#138b78
rgb(19,139,120)
-
#159c87
#159c87
rgb(21,156,135)
-
#18ad95
#18ad95
rgb(24,173,149)
-
#1abea4
#1abea4
rgb(26,190,164)
-
#1dd0b3
#1dd0b3
rgb(29,208,179)
-
#20e0c2
#20e0c2
rgb(32,224,194)
-
#31e3c6
#31e3c6
rgb(49,227,198)
-
#42e5cb
#42e5cb
rgb(66,229,203)
-
#53e7d0
#53e7d0
rgb(83,231,208)
-
#65ead5
#65ead5
rgb(101,234,213)
-
#76ecd9
#76ecd9
rgb(118,236,217)
-
#87efde
#87efde
rgb(135,239,222)
-
#98f1e3
#98f1e3
rgb(152,241,227)
-
#aaf3e8
#aaf3e8
rgb(170,243,232)
-
#bbf6ec
#bbf6ec
rgb(187,246,236)
-
#ccf8f1
#ccf8f1
rgb(204,248,241)
-
#ddfaf6
#ddfaf6
rgb(221,250,246)
-
#eefdfa
#eefdfa
rgb(238,253,250)
Tones of #ccf8f1
A tone is produced by adding gray to any pure hue. In this case, #e0e4e3 is the less saturated color, while #c5fff6 is the most saturated one.
-
#e0e4e3
#e0e4e3
rgb(224,228,227)
-
#dee6e5
#dee6e5
rgb(222,230,229)
-
#dce8e6
#dce8e6
rgb(220,232,230)
-
#d9ebe8
#d9ebe8
rgb(217,235,232)
-
#d7ede9
#d7ede9
rgb(215,237,233)
-
#d5efeb
#d5efeb
rgb(213,239,235)
-
#d3f1ec
#d3f1ec
rgb(211,241,236)
-
#d0f4ee
#d0f4ee
rgb(208,244,238)
-
#cef6ef
#cef6ef
rgb(206,246,239)
-
#ccf8f1
#ccf8f1
rgb(204,248,241)
-
#cafaf3
#cafaf3
rgb(202,250,243)
-
#c8fcf4
#c8fcf4
rgb(200,252,244)
-
#c5fff6
#c5fff6
rgb(197,255,246)
Color Blindness Simulator
Below, you can see how #ccf8f1 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.