What is the hex code for Light Blue?

The hex code for Light Blue is #ADD8E6. In RGB that is rgb(173, 216, 230), and in HSL it is hsl(195, 53%, 79%).

What RGB values make Light Blue?

Light Blue is 173 red, 216 green, and 230 blue, written as rgb(173, 216, 230).

Light Blue scores 1.53:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: lightblue directly in CSS, which every browser resolves to #ADD8E6.

#ADD8E6

Light Blue is a blue tone at #ADD8E6. It sits at 195 degrees on the color wheel with 53% saturation and 79% lightness.

Color values

Tints mix Light Blue with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#EFF7FA

Tint 60%

#DEEFF5

Tint 40%

#CEE8F0

Tint 20%

#BDE0EB

Base

#ADD8E6

Shade 20%

#8AADB8

Shade 40%

#68828A

Shade 60%

#45565C

Shade 80%

#232B2E

On white

Sample text

1.53:1

Fails WCAG for text

On black

Sample text

13.74:1

Passes AAA for body text

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Light Blue?: The hex code for Light Blue is #ADD8E6. In RGB that is rgb(173, 216, 230), and in HSL it is hsl(195, 53%, 79%).
What RGB values make Light Blue?: Light Blue is 173 red, 216 green, and 230 blue, written as rgb(173, 216, 230).
Is Light Blue readable as text on a white background?: Light Blue scores 1.53:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Light Blue a valid CSS color name?: Yes. You can write color: lightblue directly in CSS, which every browser resolves to #ADD8E6.