Light Blue is a light, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #ADD8E6, which equals rgb(173, 216, 230) in RGB and hsl(195, 53%, 79%) in HSL. In print terms it converts to roughly C25 M6 Y0 K10, although exact CMYK results depend on the paper and color profile.
- HEX
#ADD8E6 - RGB
173, 216, 230 - HSL
195°, 53%, 79% - CMYK
25, 6, 0, 10 - Family
Blue - Tone
Light, moderately saturated
About Light Blue
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 13.74:1. Its complementary color is #E6BBAD.
Download Light Blue as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Light Blue color codes
| HEX | #ADD8E6 |
|---|---|
| RGB | rgb(173, 216, 230) |
| HSL | hsl(195, 53%, 79%) |
| HSV | 195°, 25%, 90% |
| CMYK | 25%, 6%, 0%, 10% |
| Decimal | 11393254 |
Shades and tints of Light Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F1F9FB - 100
#E4F2F7 - 200
#D6ECF3 - 300
#C8E5EE - 400
#BBDFEA - 500
#ADD8E6 - 600
#90B4C0 - 700
#739099 - 800
#576C73 - 900
#3A484D - 950
#1D2426
Color harmonies for Light Blue
- Complementary
#E6BBAD≈ Very Pale Soft Scarlet - Analogous −30°
#ADE6D8≈ Very Pale Soft Seafoam - Analogous +30°
#ADBBE6≈ Very Pale Soft Royal - Triadic +120°
#E6ADD8≈ Very Pale Soft Rose - Triadic +240°
#D8E6AD≈ Very Pale Soft Spring Bud - Split 150°
#E6ADBB≈ Very Pale Soft Cardinal - Split 210°
#E6D8AD≈ Very Pale Soft Tangerine
Contrast and accessibility of Light Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Blue | Aa | 1.53:1 | Fails |
| Black text on Light Blue | Aa | 13.74:1 | AAA (excellent) |
CSS code for Light Blue
background-color: #ADD8E6;color: #ADD8E6;background-color: rgb(173, 216, 230);background-color: hsl(195, 53%, 79%);:root { --color-light-blue: #ADD8E6; }class="bg-[#ADD8E6]"Colors similar to Light Blue
- Powder Blue
#B0E0E6 - Very Pale Soft Azure
#B6D7ED - Very Pale Soft Capri
#B6DCED - Very Pale Soft Cerulean
#B6D1ED - Very Pale Bright Azure
#ACD8F6 - Very Pale Soft Peacock
#B6E2ED - Very Pale Bright Cerulean
#ACD1F6 - Pale Muted Cyan
#A2D7D7 - Very Pale Bright Capri
#ACE0F6 - Very Pale Muted Capri
#BFD8E3 - Very Pale Soft Cornflower
#B6CCED - Very Pale Muted Azure
#BFD5E3
More blue shades
- Cornflower Blue
#6495ED - Dark Blue
#00008B - Dark Cyan
#008B8B - Dark Slate Blue
#483D8B - Dark Slate Gray
#2F4F4F - Dark Turquoise
#00CED1 - Light Cyan
#E0FFFF - Light Sea Green
#20B2AA - Light Sky Blue
#87CEFA - Light Slate Gray
#778899 - Light Steel Blue
#B0C4DE
Frequently asked questions
What is the HEX code for Light Blue?
The HEX code for Light Blue is #ADD8E6.
What is the RGB value of Light Blue?
Light Blue has an RGB value of 173, 216, 230 (rgb(173, 216, 230)). In HSL it is 195°, 53%, 79%.
What text color should I use on Light Blue?
Use black text on Light Blue. White text has a contrast ratio of 1.53:1 and black text has 13.74:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Blue?
The complementary color of Light Blue is #E6BBAD. Analogous colors #ADE6D8 and #ADBBE6 also pair well.