Skip to main content
ToolsHub
#ADD8E6

Lightblue Color — #ADD8E6

Complete color reference for #ADD8E6: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#ADD8E6
RGBrgb(173, 216, 230)
HSLhsl(195, 53%, 79%)
HSVhsv(195, 25%, 90%)
CMYKC:25% M:6% Y:0% K:10%
CSS Colorlightblue
Decimal11393254
Luminance0.6371

WCAG Accessibility Contrast

#ADD8E6 on White
Ratio: 1.53:1 — Fail
#ADD8E6 on Black
Ratio: 13.74:1 — AAA
White on #ADD8E6
Ratio: 1.53:1 — Fail
Black on #ADD8E6
Ratio: 13.74:1 — AAA

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#FBFDFE
100#F3F9FB
200#E6F3F8
300#DAEDF4
400#CAE6EF
500#ADD8E6
600#8AADB8
700#68828A
800#45565C
900#2B363A

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #ADD8E6?

The RGB equivalent is rgb(173, 216, 230). The red channel is 173, green is 216, and blue is 230 (scale 0–255).

What is the HSL value of #ADD8E6?

The HSL value is hsl(195, 53%, 79%). Hue is 195°, saturation is 53%, and lightness is 79%.

Does #ADD8E6 meet WCAG accessibility standards?

On a white background, #ADD8E6 achieves a 1.53:1 contrast ratio (Fail). On a black background it achieves 13.74:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #ADD8E6?

The complementary color (180° opposite on the hue wheel) of #ADD8E6 is #E6BBAD.