#80FFCC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Calamine Blue is a highly luminous, saturated cyan with a distinct minty character. This cool, electrifying tone acts best as a sharp accent rather than a full background, where it can easily overwhelm the eye. It pairs surprisingly well with deep charcoal grays to create a modern tech-focused aesthetic. The hex code for Calamine Blue is #80ffcc, which offers excellent contrast with black text.
About Calamine Blue
Sea glass held up to the sun
What does calamine blue mean?
It often calls to mind fresh water, spring growth, clean air, and mint, so people commonly read it as fresh and cool. Its very high lightness and strong saturation make it glow instead of sit back, which gives it a sparkling, almost fizzy energy.
Where you see calamine blue
- sea glass
- aloe vera gel
- shallow lagoon water
- mint frosting
- spring buds
- lime sherbet
What it works for
It works well for spring campaigns, spa and skincare branding, summer event graphics, and playful app interfaces that need a cool accent.
What colors go with calamine blue?
Coral #ff7f50Warm coral sits opposite this cool teal on the wheel, and both stay bright without fighting.Charcoal #36454fA dark neutral gives the glow something to push against and keeps layouts grounded.Plum #8e4585Deep plum shares its saturation but not its lightness, so the pair reads rich instead of loud.Lilac #c8a2c8Similar lightness keeps the pairing soft, and the hue shift stays gentle rather than sugary.Navy #000080Navy anchors the pale sparkle with weight while keeping the whole palette on the cold side.
Questions about Calamine Blue
What is the hex code for Calamine Blue?
Calamine Blue is #80ffcc. In RGB that is rgb(128, 255, 204), in HSL hsl(156, 100%, 75%) and in CMYK 50%, 0%, 20%, 0%.
How should I use Calamine Blue (#80ffcc) in UI design?
This luminous cyan acts best as a sharp UI accent rather than a primary background to avoid overwhelming the eye. Use it sparingly for call-to-action buttons or status indicators to provide high-visibility contrast against charcoal or dark gray backgrounds.
Is Calamine Blue readable on white or black?
Calamine Blue has a 1.22:1 contrast ratio on white and 17.09: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.