#ccf0ff Color Information
In a RGB color space, hex #ccf0ff is composed of 80% red, 94.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 5.9% magenta, 0% yellow and 0% black. It has a hue angle of 197.6 degrees, a saturation of 100% and a lightness of 90%. #ccf0ff color hex could be obtained by blending #ffffff with #99e1ff. Closest websafe color is: #ccffff.
-
- R 80
- G 94
- B 100
-
- C 20
- M 6
- Y 0
- K 0
● #ccf0ff color description : Very pale blue.
#ccf0ff Color Conversion
The hexadecimal color #ccf0ff has RGB values of R:204, G:240, B:255 and CMYK values of C:0.2, M:0.06, Y:0, K:0. Its decimal value is 13431039.
Hex triplet | ccf0ff | #ccf0ff |
---|---|---|
RGB Decimal | 204, 240, 255 | rgb(204,240,255) |
RGB Percent | 80, 94.1, 100 | rgb(80%,94.1%,100%) |
CMYK | 20, 6, 0, 0 | |
HSL | 197.6°, 100, 90 | hsl(197.6,100%,90%) |
HSV (or HSB) | 197.6°, 20, 100 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 92.74, -8.51, -11.107 |
---|---|
XYZ | 74.108, 82.376, 106.598 |
xyY | 0.282, 0.313, 82.376 |
CIE-LCH | 92.74, 13.993, 232.541 |
CIE-LUV | 92.74, -19.204, -16.121 |
Hunter-Lab | 90.761, -13.084, -6.103 |
Binary | 11001100, 11110000, 11111111 |
Color Schemes with #ccf0ff
Alternatives to #ccf0ff
Below, you can see some colors close to #ccf0ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf0ff Preview
This text has a font color of #ccf0ff.
<span style="color:#ccf0ff;">Text here</span>
This paragraph has a background color of #ccf0ff.
<p style="background-color:#ccf0ff;">Content here</p>
This element has a border color of #ccf0ff.
<div style="border:1px solid #ccf0ff;">Content here</div>
.text {color:#ccf0ff;}
.background {background-color:#ccf0ff;}
.border {border:1px solid #ccf0ff;}
Shades and Tints of #ccf0ff
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)
-
#00131b
#00131b
rgb(0,19,27)
-
#00212f
#00212f
rgb(0,33,47)
-
#002f43
#002f43
rgb(0,47,67)
-
#003d56
#003d56
rgb(0,61,86)
-
#004b6a
#004b6a
rgb(0,75,106)
-
#00597e
#00597e
rgb(0,89,126)
-
#006691
#006691
rgb(0,102,145)
-
#0074a5
#0074a5
rgb(0,116,165)
-
#0082b8
#0082b8
rgb(0,130,184)
-
#0090cc
#0090cc
rgb(0,144,204)
-
#009ee0
#009ee0
rgb(0,158,224)
-
#00acf3
#00acf3
rgb(0,172,243)
-
#08b6ff
#08b6ff
rgb(8,182,255)
-
#1bbcff
#1bbcff
rgb(27,188,255)
-
#2fc2ff
#2fc2ff
rgb(47,194,255)
-
#43c8ff
#43c8ff
rgb(67,200,255)
-
#56cdff
#56cdff
rgb(86,205,255)
-
#6ad3ff
#6ad3ff
rgb(106,211,255)
-
#7ed9ff
#7ed9ff
rgb(126,217,255)
-
#91dfff
#91dfff
rgb(145,223,255)
-
#a5e4ff
#a5e4ff
rgb(165,228,255)
-
#b8eaff
#b8eaff
rgb(184,234,255)
-
#ccf0ff
#ccf0ff
rgb(204,240,255)
-
#e0f6ff
#e0f6ff
rgb(224,246,255)
-
#f3fcff
#f3fcff
rgb(243,252,255)
Tones of #ccf0ff
A tone is produced by adding gray to any pure hue. In this case, #e4e6e7 is the less saturated color, while #ccf0ff is the most saturated one.
-
#e4e6e7
#e4e6e7
rgb(228,230,231)
-
#e2e7e9
#e2e7e9
rgb(226,231,233)
-
#e0e8eb
#e0e8eb
rgb(224,232,235)
-
#dee9ed
#dee9ed
rgb(222,233,237)
-
#dceaef
#dceaef
rgb(220,234,239)
-
#daeaf1
#daeaf1
rgb(218,234,241)
-
#d8ebf3
#d8ebf3
rgb(216,235,243)
-
#d6ecf5
#d6ecf5
rgb(214,236,245)
-
#d4edf7
#d4edf7
rgb(212,237,247)
-
#d2eef9
#d2eef9
rgb(210,238,249)
-
#d0eefb
#d0eefb
rgb(208,238,251)
-
#ceeffd
#ceeffd
rgb(206,239,253)
-
#ccf0ff
#ccf0ff
rgb(204,240,255)
Color Blindness Simulator
Below, you can see how #ccf0ff 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.