Light Blue hex code
The hex code for light blue is #ADD8E6. In RGB that is rgb(173, 216, 230) and in HSL it is hsl(195, 53%, 79%).
The hex code for light blue is #ADD8E6. In RGB that is rgb(173, 216, 230) and in HSL it is hsl(195, 53%, 79%).
Light Blue · #ADD8E6
Colour codes
- HEX
- #ADD8E6
- RGB
- rgb(173, 216, 230)
- HSL
- hsl(195, 53%, 79%)
- CMYK
- 25, 6, 0, 10
- CSS name
- lightblue
- Contrast on white
- 1.53:1
- Contrast on black
- 13.74:1
Tints and shades
20% lighter · #bde0eb
40% lighter · #cee8f0
60% lighter · #deeff5
80% lighter · #eff7fa
20% darker · #8aadb8
40% darker · #68828a
60% darker · #45565c
80% darker · #232b2e
Complementary colour
Light Blue · #ADD8E6
Opposite on the colour wheel · #e6bbad
Frequently asked questions
What is the hex code for light blue?
The hex code for light blue is #ADD8E6. In RGB that is rgb(173, 216, 230) and in HSL it is hsl(195, 53%, 79%).
Can I use light blue for text?
It has a contrast ratio of 1.53:1 on white and 13.74:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with light blue?
Its complementary colour, opposite on the colour wheel, is #E6BBAD. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of light blue instead.
Is light blue a CSS colour name?
Yes. CSS accepts the keyword lightblue, so color: lightblue and color: #ADD8E6 render exactly the same.