Colors

#ADD8E6

Light Blue

Light Blue is #ADD8E6. In CSS you can write it as the keyword lightblue. The values below are the same sRGB color in HEX, RGB, HSL, HSV, a simple CMYK conversion, and OKLCH. CMYK here is a channel formula for reference, not a press proof.

Conversions

HEX
#ADD8E6
RGB
rgb(173, 216, 230)
HSL
hsl(195,53%,79%)
HSV
hsv(195, 25%, 90%)
CMYK
cmyk(25,6,0,10)
OKLCH
oklch(85.6% 0.049 219.7)

Tints and shades

Tints mix this color toward white. Shades mix it toward black in sRGB. For a 50–950 ramp, open the tint and shade generator.

Tints

#BDE0EB

20% white

#CEE8F0

40% white

#DEEFF5

60% white

#EFF7FA

80% white

Shades

#8AADB8

20% black

#68828A

40% black

#45565C

60% black

#232B2E

80% black

Harmony palettes

These schemes rotate hue from Light Blue. Read the relationships in color theory 101 or adjust them on the color wheel.

Complementary

Open in palette generator

#ADD8E6

#E6BBAD

#EAF3F5

#F5EDEA

#8BAFBC

Analogous

Open in palette generator

#ADE6D8

#ADD8E6

#ADBBE6

#BBADE6

#B1E2BD

Triadic

Open in palette generator

#ADD8E6

#E6ADD8

#D8E6AD

#F5EAF3

#BFCD93

Split Complementary

Open in palette generator

#ADD8E6

#E6ADBB

#E6D8AD

#FCFDFD

#BC978B

Monochromatic

Open in palette generator

#18414E

#2A7189

#3CA1C3

#76BDD5

#B1DAE7

Tetradic

Open in palette generator

#ADD8E6

#D8ADE6

#E6BBAD

#BBE6AD

#ECE0F0

Contrast against white and black

Ratios use the WCAG relative-luminance formula. AA normal text needs 4.5:1 and large text needs 3:1 under Success Criterion 1.4.3. AAA uses 7:1 and 4.5:1. A pass here is only this pair, not a full page audit. Check other pairings in the contrast checker.

On white · 1.53:1
AA normal text Fail
AA large text Fail
AAA normal text Fail
AAA large text Fail
On black · 13.74:1
AA normal text Pass
AA large text Pass
AAA normal text Pass
AAA large text Pass

Similar named colors

Nearest CSS named colors by RGB distance. Distance is not a perceptual match.

Use this color