- No data uploaded
- Instant results
Light Blue — #ADD8E6
Light Blue is the CSS named colour lightblue, hex #ADD8E6. It has a contrast ratio of 1.53:1 on white and 13.74:1 on black — best used as text on dark backgrounds.
Light Blue — #ADD8E6
Contrast on white 1.53:1 · on black 13.74:1
Tints
Shades
Complementary
Triadic
Analogous
Using Light Blue in code
CSS: color: lightblue; or color: #ADD8E6; · Tailwind: text-[#ADD8E6] · Android/Flutter: 0xFFADD8E6
Light Blue colour harmonies
Complementary: #E6BBAD · Triadic: #E6ADD8, #D8E6AD · Analogous: #ADE6D8, #ADBCE6. Use tints for backgrounds and shades for hover states.
Light Blue in every colour format
| Format | Value |
|---|---|
| HEX | #ADD8E6 |
| RGB | rgb(173, 216, 230) |
| HSL | hsl(195, 53%, 79%) |
| HSV | hsv(195, 25%, 90%) |
| CMYK | cmyk(25%, 6%, 0%, 10%) |
| CSS name | lightblue |
| Contrast on white | 1.53:1 |
| Contrast on black | 13.74:1 |
Frequently asked questions
What is the hex code for Light Blue?
#ADD8E6 (CSS name: lightblue).
What is Light Blue in RGB?
rgb(173, 216, 230)
What colour goes well with Light Blue?
Its complementary colour #E6BBAD, or the analogous #ADE6D8 and #ADBCE6.