#ADD8E6
lightblue
#ADD8E6 is a very light, moderately saturated cyan with a hue angle of 195°. the closest CSS named color is lightblue. A balanced cyan suitable for icons, accents, and supporting UI elements.
Color Formats
HEX
#add8e6
RGB
rgb(173, 216, 230)
HSL
hsl(195, 53%, 79%)
OKLCH
oklch(85.6% 0.0489 219.7)
WCAG Contrast Ratios
On White (#fff)
1.53:1
AA Normal ✗ AA Large ✗ AAA ✗
Sample Text
On Black (#000)
13.74:1
AA Normal ✓ AA Large ✓ AAA ✓
Sample Text
Shades & Tints
Shades (Darker)
Tints (Lighter)
Related Colors
Complementary
Analogous
Closest CSS named color
lightblue
#add8e6
Look up another color
Open full Color Info toolAbout #ADD8E6
#ADD8E6 is a hex color code closest to the CSS named color lightblue. It has a perceived brightness of 80% making it a light color. In RGB it is rgb(173, 216, 230), in HSL it is hsl(195, 53%, 79%), and in the modern OKLCH color space it is oklch(85.6% 0.0489 219.7).
Related Free Tools
- Color Info & Lookup - Look up any hex color for conversions, contrast ratios, shades, and tints.
- Color Converter & Palette Generator - Generate full color palettes from any hex code.
- WCAG Contrast Checker - Test any two colors for accessibility compliance.
- CSS Gradient Generator - Build CSS gradients using this color.
Extract colors from any website
MiroMiro's Chrome extension extracts complete color palettes from any live website - including HEX, RGB, HSL, and OKLCH values.