What is the hex code for LightBlue?

The hex code for LightBlue is #ADD8E6.

What is the RGB value of LightBlue?

The RGB value of LightBlue is rgb(173, 216, 230).

What is the HSL value of LightBlue?

The HSL value of LightBlue is hsl(195, 53%, 79%).

What is the HSV value of LightBlue?

The HSV value of LightBlue is hsv(195, 25%, 90%).

What CSS code do I use for LightBlue?

Use background-color: #ADD8E6; for background, color: #ADD8E6; for text, or border: 1px solid #ADD8E6; for borders.

LightBlue Hex #ADD8E6: HTML Color Code & Gradients

LightBlue (#ADD8E6) Color Codes & Gradients

Color Preview

Make a gradient with LightBlue →

Opens LightBlue with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	lightblue
Hex	#ADD8E6
RGB	rgb(173, 216, 230)
HSV	hsv(195, 25%, 90%)
HSL	hsl(195, 53%, 79%)
OKLCH	oklch(85.62% 0.0489 219.65)

What is the color name for #ADD8E6?

#ADD8E6 color name is LightBlue.

Color Information

The HTML color LightBlue has the hexadecimal code #ADD8E6 and in the RGB color space is composed of 68% red, 85% green, and 90% blue. The color LightBlue has a hue angle of 194.7 degrees, a saturation of 53.3% and a lightness of 79%.

LightBlue CSS Code Snippets

Background Color

.bg-lightblue { background-color: #ADD8E6; }

Text Color

.text-lightblue { color: #ADD8E6; }

Border Color

.border-lightblue { border: 1px solid #ADD8E6; }

Shade Gradient

.gradient-shade-lightblue { background: linear-gradient(135deg, #ADD8E6, #7EC2D8); }

Tint Gradient

.gradient-tint-lightblue { background: linear-gradient(135deg, #ADD8E6, #DCEEF4); }

Monochromatic Gradient

.gradient-mono-lightblue { background: linear-gradient(135deg, #ADD8E6, #92B6C2); }

LightBlue Shades

#A5D4E4

#9DD1E1

#96CDDF

#8EC9DC

#86C5DA

#7EC2D8

LightBlue Tints

#B5DCE8

#BDDFEB

#C4E3ED

#CCE7F0

#D4EBF2

#DCEEF4

LightBlue Tones

#B4D4DF

#BBD1D8

#C2CDD1

#C9CACA

#C9C9C9

LightBlue Monochromatic

#92B6C2

#76949D

#5B7179

#3F4F54

#242D30

#090B0B

Similar Colors to LightBlue

#ADE6E1

#ADE3E6

#ADDCE6

#ADD4E6

#ADCDE6

#ADC5E6

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator