#ccf3ff Color Information
In a RGB color space, hex #ccf3ff is composed of 80% red, 95.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 4.7% magenta, 0% yellow and 0% black. It has a hue angle of 194.1 degrees, a saturation of 100% and a lightness of 90%. #ccf3ff color hex could be obtained by blending #ffffff with #99e7ff. Closest websafe color is: #ccffff.
-
- R 80
- G 95
- B 100
-
- C 20
- M 5
- Y 0
- K 0
● #ccf3ff color description : Very pale cyan.
#ccf3ff Color Conversion
The hexadecimal color #ccf3ff has RGB values of R:204, G:243, B:255 and CMYK values of C:0.2, M:0.05, Y:0, K:0. Its decimal value is 13431807.
Hex triplet | ccf3ff | #ccf3ff |
---|---|---|
RGB Decimal | 204, 243, 255 | rgb(204,243,255) |
RGB Percent | 80, 95.3, 100 | rgb(80%,95.3%,100%) |
CMYK | 20, 5, 0, 0 | |
HSL | 194.1°, 100, 90 | hsl(194.1,100%,90%) |
HSV (or HSB) | 194.1°, 20, 100 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 93.519, -10.028, -9.95 |
---|---|
XYZ | 74.998, 84.157, 106.895 |
xyY | 0.282, 0.316, 84.157 |
CIE-LCH | 93.519, 14.127, 224.776 |
CIE-LUV | 93.519, -20.554, -14.01 |
Hunter-Lab | 91.737, -14.609, -4.871 |
Binary | 11001100, 11110011, 11111111 |
Color Schemes with #ccf3ff
Alternatives to #ccf3ff
Below, you can see some colors close to #ccf3ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf3ff Preview
This text has a font color of #ccf3ff.
<span style="color:#ccf3ff;">Text here</span>
This paragraph has a background color of #ccf3ff.
<p style="background-color:#ccf3ff;">Content here</p>
This element has a border color of #ccf3ff.
<div style="border:1px solid #ccf3ff;">Content here</div>
.text {color:#ccf3ff;}
.background {background-color:#ccf3ff;}
.border {border:1px solid #ccf3ff;}
Shades and Tints of #ccf3ff
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, #000608 is the darkest color, while #f3fcff is the lightest one.
-
#000608
#000608
rgb(0,6,8)
-
#00151b
#00151b
rgb(0,21,27)
-
#00242f
#00242f
rgb(0,36,47)
-
#003343
#003343
rgb(0,51,67)
-
#004256
#004256
rgb(0,66,86)
-
#00516a
#00516a
rgb(0,81,106)
-
#00607e
#00607e
rgb(0,96,126)
-
#006f91
#006f91
rgb(0,111,145)
-
#007ea5
#007ea5
rgb(0,126,165)
-
#008db8
#008db8
rgb(0,141,184)
-
#009ccc
#009ccc
rgb(0,156,204)
-
#00abe0
#00abe0
rgb(0,171,224)
-
#00baf3
#00baf3
rgb(0,186,243)
-
#08c5ff
#08c5ff
rgb(8,197,255)
-
#1bc9ff
#1bc9ff
rgb(27,201,255)
-
#2fceff
#2fceff
rgb(47,206,255)
-
#43d3ff
#43d3ff
rgb(67,211,255)
-
#56d7ff
#56d7ff
rgb(86,215,255)
-
#6adcff
#6adcff
rgb(106,220,255)
-
#7ee1ff
#7ee1ff
rgb(126,225,255)
-
#91e5ff
#91e5ff
rgb(145,229,255)
-
#a5eaff
#a5eaff
rgb(165,234,255)
-
#b8eeff
#b8eeff
rgb(184,238,255)
-
#ccf3ff
#ccf3ff
rgb(204,243,255)
-
#e0f8ff
#e0f8ff
rgb(224,248,255)
-
#f3fcff
#f3fcff
rgb(243,252,255)
Tones of #ccf3ff
A tone is produced by adding gray to any pure hue. In this case, #e4e7e7 is the less saturated color, while #ccf3ff is the most saturated one.
-
#e4e7e7
#e4e7e7
rgb(228,231,231)
-
#e2e8e9
#e2e8e9
rgb(226,232,233)
-
#e0e9eb
#e0e9eb
rgb(224,233,235)
-
#deeaed
#deeaed
rgb(222,234,237)
-
#dcebef
#dcebef
rgb(220,235,239)
-
#daecf1
#daecf1
rgb(218,236,241)
-
#d8edf3
#d8edf3
rgb(216,237,243)
-
#d6eef5
#d6eef5
rgb(214,238,245)
-
#d4eff7
#d4eff7
rgb(212,239,247)
-
#d2f0f9
#d2f0f9
rgb(210,240,249)
-
#d0f1fb
#d0f1fb
rgb(208,241,251)
-
#cef2fd
#cef2fd
rgb(206,242,253)
-
#ccf3ff
#ccf3ff
rgb(204,243,255)
Color Blindness Simulator
Below, you can see how #ccf3ff 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.