#DEFAFE Color Information


In the RGB color space, #DEFAFE is composed of 87.0588% red, 98.0392% green, and 99.6078% blue.

In the CMYK color space, #DEFAFE is composed of 12.6% cyan, 1.58% magenta, 0% yellow, and 0.39% black,

It has a hue angle of 187.5 degrees, a saturation of 94.15%, and a lightness of 93.34%.

The closest websafe color is #CCFFFF.

#DEFAFE RGB Values

#DEFAFE CMYK Values



#DEFAFE Color Conversion


The hexadecimal color #DEFAFE has RGB values of R:222, G:250, B:254 and CMYK values of C:12.6, M:1.58, Y:0, K:0.39. It has a decimal value of 14613246.


Hexadecimal #DEFAFE #DEFAFE
RGB Decimal 222, 250, 254 rgb(222, 250, 254)
RGB Percent 87.0588, 98.0392, 99.6078 rgb(87.0588%, 98.0392%, 99.6078%)
RGB Proportion 0.8706, 0.9804, 0.9961 rgb(0.8706, 0.9804, 0.9961)
CMYK 12.6, 1.58, 0, 0.39
HSL 187.5ยบ, 94.15, 93.34 hsl(187.5, 94.15%, 93.34%)
Websafe CCFFFF #CCFFFF
XYZ 82.202, 91.059, 107.014
Yxy 91.059, 0.293, 0.325
CIE-LAB 96.434, -8.253, -4.997
CIE-LCH 96.434, 9.648, 211.194
CIE-LUV 96.434, -15.02, -6.389
Hunter-Lab 95.425, -13.228, 0.307

Color Schemes For #DEFAFE


Colors that go well with #DEFAFE.

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

Alternatives to #DEFAFE


Colors similar to #DEFAFE.


#DEFAFE Preview


Common HTML and CSS shortcodes for #DEFAFE.

Text with color #DEFAFE


The quick brown fox jumps over the lazy dog.

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

#DEFAFE as background color


The quick brown fox jumps over the lazy dog.

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

Border with #DEFAFE


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #DEFAFE


Linear gradient from #DEFAFE to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #DEFAFE


Radial gradient from #DEFAFE to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #DEFAFE and its Complementary Color


Linear gradient from #DEFAFE to #210501.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #DEFAFE and its Complementary Color


Radial gradient from #DEFAFE to #210501.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

.text { color: #DEFAFE; } .background { background-color: #DEFAFE; } .border { border: 1px solid #DEFAFE; } .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 #DEFAFE


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