Codes & values
- Color Name
Light Blue - Color ID
KDF-C-11393254 - HEX
#ADD8E6 - RGB
rgb(173, 216, 230) - RGBA
rgba(173, 216, 230, 1) - HSL
hsl(195, 53%, 79%) - HSLA
hsla(195, 53%, 79%, 1) - HSV / HSB
hsv(195, 25%, 90%) - CMYK
cmyk(25%, 6%, 0%, 10%) - Light / Dark
light
Quick answers
- What is the HEX code for Light Blue?
- #ADD8E6
- What is Light Blue RGB?
- rgb(173, 216, 230)
- What is Light Blue HSL?
- hsl(195, 53%, 79%)
- What is Light Blue CMYK?
- cmyk(25%, 6%, 0%, 10%)
What is Light Blue?
Light Blue is a curated cyan family color at #ADD8E6. It appears in our library with tags for web, design, ui and matches the CSS named color keyword. This shade classifies as light — best as backgrounds, soft UI fills, or pastel accents. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Light Blue HEX code
The HEX code for Light Blue is #ADD8E6. Paste it into CSS as color: #ADD8E6; or background-color: #ADD8E6;. Design tools accept the same six-digit value without the # prefix (add8e6).
Light Blue RGB
Light Blue in RGB is rgb(173, 216, 230) (channels R 173, G 216, B 230). Use RGB when you need opacity via rgba(173, 216, 230, 1).
Light Blue HSL & HSV
HSL is hsl(195, 53%, 79%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(195, 25%, 90%), closer to how many digital pickers expose hue, saturation, and brightness.
Light Blue CMYK
Approximate CMYK for Light Blue is cmyk(25%, 6%, 0%, 10%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Light Blue
Darker shades (mixed toward black): #90B4C0, #739099, #576C73, #3A484D, #1D2426. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Light Blue
Lighter tints (mixed toward white): #BBDFEA, #C8E5EE, #D6ECF3, #E4F2F7, #F1F9FB. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Light Blue
Complementary pairing: #ADD8E6, #E6BBAD. Analogous neighbors: #ADE6D8, #ADD8E6, #ADBCE6. Triadic accents: #ADD8E6, #E6ADD8, #D8E6AD. Always check text contrast when pairing.
Light Blue color combinations
A practical combo: primary #ADD8E6, complementary accent #E6BBAD, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #ADD8E6, #E6ADBC, #E6D8AD.
Light Blue in web design
Cyan and teal feel modern and technical. They suit dashboards, SaaS accents, and ocean-inspired branding when balanced with neutrals.
Light Blue in branding
Teal brands feel fresh and digital-native — popular with fintech and travel startups. Contrast vs white is 1.53:1 (better as a large accent or background than small body text); vs black 13.74:1.
Light Blue as a pastel
Light Blue sits in the pastel range — high lightness, softer saturation. Use it for wellness, kids, and spring campaigns; pair with deeper companions for hierarchy.
Frequently asked questions
- What is the HEX code for Light Blue?
- Light Blue: #ADD8E6.
- What is Light Blue RGB?
- Light Blue: rgb(173, 216, 230).
- What is Light Blue HSL?
- Light Blue: hsl(195, 53%, 79%).
- What is Light Blue CMYK?
- Light Blue: cmyk(25%, 6%, 0%, 10%).
- What colors go with Light Blue?
- Try complementary #ADD8E6, #E6BBAD or analogous #ADE6D8, #ADD8E6, #ADBCE6.
- Is Light Blue good for text on white?
- Not ideal for small body text (1.53:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 1.53:1 (prefer large accent or background). Contrast vs black: 13.74:1. Complementary swatch: #ADD8E6, #E6BBAD.
Explore related
Cyan colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK