Figma color wheel
Want to find the perfect complementary or analogous colors to match light blue?
Skip to main content
Everything you need to know about light blue to inspire your next design.
Light blue is a serene, delicate shade with a calming and airy feel. It sits between blue and green on the color wheel—a cooler hue known for its soothing qualities. Light blue ranges from soft sky tones to more vivid aquamarine hues.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Calm blue
Coastal Sunrise
Mermaid’s Tail
Light blue is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- HEX code: #90D5FF
- RGB value: 56.5% red, 83.5% green and 100% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.
Light blue offers a versatile color for UI design, promoting feelings of calmness, trust, and freshness. Here are some effective ways to integrate it into your interfaces:
Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.
For variations within the same serene and refreshing spectrum as light blue, consider:
To complement light blue's tranquil tones, consider pairing it with:
Other colors worth considering include navy blue for a classic, nautical vibe, lavender for a soft, whimsical palette, and white for a crisp, clean look that amplifies the airy feel of light blue.
While light blue is versatile, it may clash with:
Light blue, evoking the serene sky and tranquil sea, embodies tranquility, peace, and calmness. Its soothing presence universally instills a sense of serenity and mental clarity. Culturally, light blue symbolizes freshness and innovation.
Psychologically, light blue represents trustworthiness and reliability, promoting relaxation and clear thought—almost like a visual breath of fresh air. Its calming influence proves especially valuable in environments that reduce stress and enhance focus.
In UI/UX design, light blue's calming and trustworthy qualities make it a popular choice for creating open and reassuring user interfaces. Its ties to innovation and freshness invigorate design elements, making it a go-to color for brands that aim to convey creativity and forward-thinking.
Though blue has been connected to the heavens and royalty for millennia, the concept of a distinct "light blue" shade is a more recent development.
The 18th-century Rococo era saw a surge in popularity for light and airy aesthetics, solidifying the appreciation for light blue tones. However, it wasn't until 1915 that the term "light blue" was first documented in English.
Before the 1940s, blue was sometimes linked to femininity, while pink leaned towards masculinity. This trend eventually reversed, with light blue becoming a common choice for baby boys' clothing and decor.
Today, light blue transcends its early gender-specific associations. It's embraced in national flags, corporate branding, and various design applications.
Contrast 1.6
#90D5FF
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 13.15
#90D5FF
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #90D5FF, known as light blue, has RGB values of R:144, G:213, B:255 and CMYK values of C:0.44, M:0.16, Y:0, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | 90D5FF | #90D5FF |
| RGB DECIMAL | 144, 213, 255 | rgb(144,213,255) |
| RGB PERCENTAGE | 56.5, 83.5, 100 | rgb(56.5%,83.5%,100%) |
| CMYK | 44, 16, 0, 0 | |
| HSL | 202.7°, 100, 78.2 | hsl(202.7,100%,78.2%) |
| HSV (OR HSB) | 202.7°, 43.5, 100 | |
| WEB SAFE | 99CCFF | #99CCFF |
| CIE-LAB | 82.236, -11.006, -27.285 | |
| XYZ | 53.342, 60.735, 103.515 | |
| xyY | 0.245, 0.279, 60.735 | |
| CIE-LCH | 82.236, 29.421, 248.032 | |
| CIE-LUV | 82.236, -32.588, -42.323 | |
| HUNTER-LAB | 77.933, -14.207, -24.199 | |
| BINARY | 10010000, 11010101, 11111111 | |
| iOS - SwiftUI | Color(red: 144/255, green: 213/255, blue: 255/255) | |
| iOS - UIKit | UIColor(red: 144/255.0, green: 213/255.0, blue: 255/255.0, alpha: 1.0) | |
| Android - Compose | Color(0xFF90D5FF) |
Want to find the perfect complementary or analogous colors to match light blue?
Learn more about blue-green.
Learn more about the color blue.