LightBlue / #ADD8E6 Color Information


In the RGB color space, #ADD8E6 is composed of 67.8431% red, 84.7059% green, and 90.1961% blue.

In the CMYK color space, #ADD8E6 is composed of 24.79% cyan, 6.09% magenta, 0% yellow, and 9.8% black,

It has a hue angle of 194.7 degrees, a saturation of 53.29%, and a lightness of 79.02%.

The closest websafe color is #99CCFF.

#ADD8E6 has a CSS color name: LightBlue.

#ADD8E6 RGB Values

#ADD8E6 CMYK Values



LightBlue / #ADD8E6 Color Conversion


The hexadecimal color #ADD8E6 has RGB values of R:173, G:216, B:230 and CMYK values of C:24.79, M:6.09, Y:0, K:9.8. It has a decimal value of 11393254.


Hexadecimal #ADD8E6 #ADD8E6
RGB Decimal 173, 216, 230 rgb(173, 216, 230)
RGB Percent 67.8431, 84.7059, 90.1961 rgb(67.8431%, 84.7059%, 90.1961%)
RGB Proportion 0.6784, 0.8471, 0.902 rgb(0.6784, 0.8471, 0.902)
CMYK 24.79, 6.09, 0, 9.8
HSL 194.7ยบ, 53.29, 79.02 hsl(194.7, 53.29%, 79.02%)
Websafe 99CCFF #99CCFF
XYZ 56.075, 63.714, 84.213
Yxy 63.714, 0.275, 0.312
CIE-LAB 83.817, -10.891, -11.487
CIE-LCH 83.817, 15.829, 226.526
CIE-LUV 83.817, -22.279, -16.158
Hunter-Lab 79.821, -14.289, -6.678

Color Schemes For LightBlue / #ADD8E6


Colors that go well with LightBlue / #ADD8E6.

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

Alternatives to LightBlue / #ADD8E6


Colors similar to LightBlue / #ADD8E6.


LightBlue / #ADD8E6 Preview


Common HTML and CSS shortcodes for LightBlue / #ADD8E6.

Text with color #ADD8E6


The quick brown fox jumps over the lazy dog.

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

#ADD8E6 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #ADD8E6


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #ADD8E6


Linear gradient from #ADD8E6 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #ADD8E6


Radial gradient from #ADD8E6 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #ADD8E6 and its Complementary Color


Linear gradient from #ADD8E6 to #522719.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #ADD8E6 and its Complementary Color


Radial gradient from #ADD8E6 to #522719.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors