CSS named color
LightBlue
#ADD8E6
HEX
#add8e6RGB
rgb(173, 216, 230)HSL
hsl(195, 53%, 79%)OKLCH
oklch(85.62% 0.0489 219.65)NAME
lightbluePalette
Complementary
180° on the color wheelComplement
#E6BBAD
Analogous
±30° around the base hueLeft
#ADE6D8
Right
#ADBBE6
Triadic
±120° for harmonic contrastTriad 1
#E6ADD8
Triad 2
#D8E6AD
Shades
Lighter and darker variantsCSS usage
By name
color: lightblue;
background-color: lightblue;By HEX
color: #add8e6;
background-color: #add8e6;By RGB
color: rgb(173, 216, 230);
background-color: rgb(173, 216, 230);By HSL
color: hsl(195, 53%, 79%);
background-color: hsl(195, 53%, 79%);WCAG contrast vs white
Aa
1.53:1
Below minimum
WCAG contrast vs black
Aa
13.74:1
AAA
Related colors
FAQ — LightBlue
What is the HEX code for LightBlue?
The HEX code for LightBlue is #ADD8E6. It's one of the 148 named CSS colors and can be used directly in CSS as color: lightblue; or color: #add8e6;
What is LightBlue in RGB?
LightBlue in RGB is rgb(173, 216, 230) — red 173, green 216, blue 230.
What is LightBlue in HSL?
LightBlue in HSL is hsl(195, 53%, 79%) — hue 195°, saturation 53%, lightness 79%.
What is the complementary color of LightBlue?
The complementary color (directly opposite LightBlue on the color wheel) is #E6BBAD. The two together produce maximum contrast.
Is white text readable on LightBlue?
The WCAG contrast ratio against white (#FFFFFF) is 1.53:1, and against black (#000000) it's 13.74:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.