Light blue color: code #ADD8E6
Light blue
#ADD8E6
Color codes
- HEX
#ADD8E6 - RGB
rgb(173, 216, 230) - HSL
hsl(195, 53%, 79%) - HSV
hsv(195, 25%, 90%) - CMYK
cmyk(25%, 6%, 0%, 10%) - LAB
lab(83.8% -10.9 -11.5) - OKLCH
oklch(85.6% 0.049 219.7)
About the color Light blue
Light blue has the HEX code #ADD8E6, which corresponds to rgb(173, 216, 230) in the RGB model. On the color wheel its hue sits at 195°, with 53% saturation and 79% lightness (hsl(195, 53%, 79%)).
Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.
As a background it calls for dark text: black reaches a 13.74:1 contrast ratio on it, versus 1.52:1 for white.
For print, the approximate conversion is cmyk(25%, 6%, 0%, 10%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Light blue
Complementary
#ADD8E6 · #E6BBAD
Analogous
#ADE6D8 · #ADD8E6 · #ADBBE6
Triadic
#ADD8E6 · #E6ADD8 · #D8E6AD
Tetradic
#ADD8E6 · #D8ADE6 · #E6BBAD · #BBE6AD
Split-complementary
#ADD8E6 · #E6ADBB · #E6D8AD
Monochromatic
#4CA9C8 · #86C5DA · #ADD8E6 · #E8F4F8 · #FFFFFF
Light blue with white and black text
How to use it in CSS
:root {
--color-light-blue: #ADD8E6;
--color-light-blue-rgb: 173, 216, 230;
}
.elemento {
background-color: var(--color-light-blue);
color: #000000;
}