cyancoolCSS named color

Lightblue #ADD8E6

Lightblue is a light, moderately saturated cool-toned color with a cool cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Fresh accents · Aquatic themes

Open in generator →Colors that go with lightblue →

Families: Cyans · Turquoise Colors · Aqua Colors · Powder Blues

Color values

FormatValue
HEX#ADD8E6
RGBrgb(173, 216, 230)
HSLhsl(195, 53%, 79%)
HSVhsv(195, 25%, 90%)
OKLCHoklch(85.62% 0.049 219.7)
OKLaboklab(85.62% -0.0377 -0.0312)
CMYKcmyk(24.8%, 6.1%, 0%, 9.8%)
XYZxyz(56.0681, 63.7069, 84.19)
CIE-LABlab(83.8, -10.9, -11.5)
CIE-LCHlch(83.8, 15.8, 226.5°)
Luminance0.637 (WCAG relative)
/* Lightblue */ --lightblue: #add8e6; color: #add8e6; background-color: #add8e6;

Source: W3C CSS named color. CSS keyword: lightblue.

Collections: Pastel Colors · Pastel Blue Colors · Light Blue Shades

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#9ac0cc #88a9b3 #76929b #647b83 #53666c #435156 #333d41 #242a2d #16191a #000000

Tints (toward white)

#b6dce8 #bee0eb #c6e4ed #cee8f0 #d7ebf2 #dfeff5 #e7f3f7 #eff7fa #f7fbfc #ffffff

Tones (toward gray)

#b1d7e4 #b5d7e2 #b9d6e0 #bcd5de #c0d5db #c4d4d9 #c7d3d7 #cad2d5 #ced2d3 #d1d1d1

Color harmonies

Complementary

Edit in generator →
#ADD8E6
#E6BBAD
#add8e6 #e6bbad

Analogous

Edit in generator →
#ADE6D8
#ADD8E6
#ADBCE6
#ade6d8 #add8e6 #adbce6

Triadic

Edit in generator →
#ADD8E6
#E6ADD8
#D8E6AD
#add8e6 #e6add8 #d8e6ad

Tetradic

Edit in generator →
#ADD8E6
#D8ADE6
#E6BBAD
#BCE6AD
#add8e6 #d8ade6 #e6bbad #bce6ad

Square

Edit in generator →
#ADD8E6
#D8ADE6
#E6BBAD
#BCE6AD
#add8e6 #d8ade6 #e6bbad #bce6ad

Split Complementary

Edit in generator →
#ADD8E6
#E6ADBC
#E6D8AD
#add8e6 #e6adbc #e6d8ad

Monochromatic

Edit in generator →
#4FABC9
#7EC2D8
#ADD8E6
#DCEEF4
#E8F4F8
#4fabc9 #7ec2d8 #add8e6 #dceef4 #e8f4f8

Accessibility & contrast

1.53
#ADD8E6 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
13.74
#ADD8E6 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on lightblue

13.74
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#CFD5E7
Deuteranopia (green-blind)
#C6CEE6
Tritanopia (blue-blind)
#9CDDDC

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Powder Blue #B0E0E64.27
Ice Blue #A5DFF94.29
Sky Blue #87CEEB6.40
Baby Blue #89CFF06.89
Paleturquoise #AFEEEE9.00
Lightskyblue #87CEFA9.32

Colors that go with lightblue

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Sea Blue #047495
3.5:1
Same hue family as lightblue (Δh 1°) — guaranteed harmony
Navy Blue #1B2A4A
9.3:1
Analogous hue (Δh ≈26°) — neighbors on the color wheel
Dark Plum #3F012C
11.0:1
Triadic harmony (Δh ≈124°) — balanced three-way contrast
Beige #F5F5DC
1.4:1
Triadic harmony (Δh ≈135°) — balanced three-way contrast
Espresso #4B382A
7.2:1
Complementary hue (Δh ≈169°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.