Apocyan
Airy and bright sky blue tones
Apocyan acts as an airy, unsaturated blue that avoids feeling washed out. This pale tone offers excellent accessibility, maintaining high contrast with black text for readable UI backgrounds. If you are learning how to make white and tinting palettes, this shade serves as a versatile starting point. The hex code for this cool, professional color is #99ccff.
About Apocyan
Glacier melt in a tin cup
What does apocyan mean?
This pale blue often brings to mind clear winter skies, fresh water, frost, and clean, open space. Its high lightness and low saturation make it feel airy and soft, cool without any heaviness or bite.
Where you see apocyan
- swimming pools
- frosted glass
- glacier ice
- bathroom tile
- morning winter sky
- porcelain
What it works for
Use it as a background for weather apps, healthcare interfaces, pastel palettes, or anywhere a light, cool tone helps.
What colors go with apocyan?
Peach #ffe5b4The warm orange balances the cool blue and keeps the pair soft and friendly.Mint #98ff98Two light, unsaturated neighbors blend into a fresh, almost weightless pastel scheme.Charcoal #36454fThe dark neutral gives this pale blue something firm to sit against.Lavender #e6e6faSide by side, they read as cold morning light with a faint violet shift.Coral #ff7f50A punchy warm against a washed-out cool creates contrast without harshness.Navy #000080Deep against pale, the pair stays clearly blue at both ends of the range.
Questions about Apocyan
What is the hex code for Apocyan?
Apocyan is #99ccff. In RGB that is rgb(153, 204, 255), in HSL hsl(210, 100%, 80%) and in CMYK 40%, 20%, 0%, 0%.
How does #99ccff compare to standard baby blue?
While often confused with baby blue, #99ccff is distinct for its precise, airy saturation level that avoids the chalky, washed-out look typical of lighter blues. This makes it a more versatile choice for corporate branding or professional design systems requiring clarity.
Is Apocyan readable on white or black?
Apocyan has a 1.68:1 contrast ratio on white and 12.43:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.