#CCF8FE Color Information


In the RGB color space, #CCF8FE is composed of 80% red, 97.2549% green, and 99.6078% blue.

In the CMYK color space, #CCF8FE is composed of 19.69% cyan, 2.37% magenta, 0% yellow, and 0.39% black,

It has a hue angle of 187.2 degrees, a saturation of 96.17%, and a lightness of 89.81%.

The closest websafe color is #CCFFFF.

#CCF8FE RGB Values

#CCF8FE CMYK Values



#CCF8FE Color Conversion


The hexadecimal color #CCF8FE has RGB values of R:204, G:248, B:254 and CMYK values of C:19.69, M:2.37, Y:0, K:0.39. It has a decimal value of 13433086.


Hexadecimal #CCF8FE #CCF8FE
RGB Decimal 204, 248, 254 rgb(204, 248, 254)
RGB Percent 80, 97.2549, 99.6078 rgb(80%, 97.2549%, 99.6078%)
RGB Proportion 0.8, 0.9725, 0.9961 rgb(0.8, 0.9725, 0.9961)
CMYK 19.69, 2.37, 0, 0.39
HSL 187.2ยบ, 96.17, 89.81 hsl(187.2, 96.17%, 89.81%)
Websafe CCFFFF #CCFFFF
XYZ 76.356, 87.121, 106.562
Yxy 87.121, 0.283, 0.323
CIE-LAB 94.79, -12.735, -7.552
CIE-LCH 94.79, 14.806, 210.668
CIE-LUV 94.79, -22.772, -9.712
Hunter-Lab 93.339, -17.32, -2.353

Color Schemes For #CCF8FE


Colors that go well with #CCF8FE.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #CCF8FE


Colors similar to #CCF8FE.


#CCF8FE Preview


Common HTML and CSS shortcodes for #CCF8FE.

Text with color #CCF8FE


The quick brown fox jumps over the lazy dog.

<div style="color: #CCF8FE;">The quick brown fox jumps over the lazy dog.</div>

#CCF8FE as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #CCF8FE;">The quick brown fox jumps over the lazy dog.</div>

Border with #CCF8FE


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #CCF8FE;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #CCF8FE


Linear gradient from #CCF8FE to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#CCF8FE, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #CCF8FE


Radial gradient from #CCF8FE to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#CCF8FE, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #CCF8FE and its Complementary Color


Linear gradient from #CCF8FE to #330701.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#CCF8FE, #330701);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #CCF8FE and its Complementary Color


Radial gradient from #CCF8FE to #330701.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#CCF8FE, #330701);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #CCF8FE; } .background { background-color: #CCF8FE; } .border { border: 1px solid #CCF8FE; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #CCF8FE


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #040404 while the lightest tint is #FEFEFE.

Shades


Tints

Random Colors