Codes & values
- Color Name
Sky Blue - Color ID
KDF-C-08900331 - HEX
#87CEEB - RGB
rgb(135, 206, 235) - RGBA
rgba(135, 206, 235, 1) - HSL
hsl(197, 71%, 73%) - HSLA
hsla(197, 71%, 73%, 1) - HSV / HSB
hsv(197, 43%, 92%) - CMYK
cmyk(43%, 12%, 0%, 8%) - Light / Dark
mid
Quick answers
- What is the HEX code for Sky Blue?
- #87CEEB
- What is Sky Blue RGB?
- rgb(135, 206, 235)
- What is Sky Blue HSL?
- hsl(197, 71%, 73%)
- What is Sky Blue CMYK?
- cmyk(43%, 12%, 0%, 8%)
What is Sky Blue?
Sky Blue is a curated cyan family color at #87CEEB. It appears in our library with tags for web, design, ui, background and matches the CSS named color keyword. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Sky Blue HEX code
The HEX code for Sky Blue is #87CEEB. Paste it into CSS as color: #87CEEB; or background-color: #87CEEB;. Design tools accept the same six-digit value without the # prefix (87ceeb).
Sky Blue RGB
Sky Blue in RGB is rgb(135, 206, 235) (channels R 135, G 206, B 235). Use RGB when you need opacity via rgba(135, 206, 235, 1).
Sky Blue HSL & HSV
HSL is hsl(197, 71%, 73%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(197, 43%, 92%), closer to how many digital pickers expose hue, saturation, and brightness.
Sky Blue CMYK
Approximate CMYK for Sky Blue is cmyk(43%, 12%, 0%, 8%). 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 Sky Blue
Darker shades (mixed toward black): #71ACC4, #5A899D, #446776, #2D454E, #162227. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Sky Blue
Lighter tints (mixed toward white): #9BD6EE, #AFDEF2, #C3E7F5, #D7EFF8, #EBF7FC. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Sky Blue
Complementary pairing: #87CEEB, #EBA487. Analogous neighbors: #87EBD6, #87CEEB, #879CEB. Triadic accents: #87CEEB, #EB87CE, #CEEB87. Always check text contrast when pairing.
Sky Blue color combinations
A practical combo: primary #87CEEB, complementary accent #EBA487, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #87CEEB, #EB879C, #EBD687.
Sky Blue in web design
Cyan and teal feel modern and technical. They suit dashboards, SaaS accents, and ocean-inspired branding when balanced with neutrals.
Sky Blue in branding
Teal brands feel fresh and digital-native — popular with fintech and travel startups. Contrast vs white is 1.74:1 (better as a large accent or background than small body text); vs black 12.06:1.
Frequently asked questions
- What is the HEX code for Sky Blue?
- Sky Blue: #87CEEB.
- What is Sky Blue RGB?
- Sky Blue: rgb(135, 206, 235).
- What is Sky Blue HSL?
- Sky Blue: hsl(197, 71%, 73%).
- What is Sky Blue CMYK?
- Sky Blue: cmyk(43%, 12%, 0%, 8%).
- What colors go with Sky Blue?
- Try complementary #87CEEB, #EBA487 or analogous #87EBD6, #87CEEB, #879CEB.
- Is Sky Blue good for text on white?
- Not ideal for small body text (1.74:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 1.74:1 (prefer large accent or background). Contrast vs black: 12.06:1. Complementary swatch: #87CEEB, #EBA487.
Explore related
Cyan colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK