Color guide
Sky Blue Color
#7DD3FC
sky blue color codes
What sky blue means
Sky blue is open, honest and light. It breathes space into any layout.
How to use it in design
Great for empty states, healthcare and airy hero backgrounds.
Color combinations with sky blue
Harmonies calculated with color theory for the base hue 199°.
Complementary
Maximum contrast: #7DD3FC + #FCA67E
Analogous
Harmony at ±30°: #7EFCE5 · #7DD3FC · #7E95FC
Triadic
Even 120° spacing: #7DD3FC · #FC7ED4 · #D4FC7E
sky blue color shades (50–900 scale)
Ready-to-use tailwind-style scale generated from #7DD3FC.
Colors that go well with sky blue
FAQ about the sky blue color
What is the HEX code of sky blue?
A widely used hex value for sky blue is #7DD3FC, which equals rgb(125, 211, 252). Depending on the shade you want, you can adjust saturation and lightness while keeping the same hue (199°).
What colors go well with sky blue?
sky blue pairs beautifully with navy, coral, white, charcoal. Its complementary color is #FCA67E, and a classic triadic scheme adds #FC7ED4 and #D4FC7E.
Is sky blue accessible for text and backgrounds?
It depends on the contrast ratio against the other color. Use NanoPalettes's contrast checker to verify WCAG AA (4.5:1) and AAA (7:1) compliance before shipping sky blue in text or UI elements.
Create your own sky blue palette
Generate harmonious combinations from #7DD3FC in seconds.
Open the palette generator