#64BCEC Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #64bcec graphic
The hex code for this crisp, airy blue is #64bcec. It works well as a dominant UI background for healthcare or tech interfaces, though it demands dark charcoal text for high readability. Because the color is vivid, it can quickly overwhelm a design. If you need to neutralize its intensity, understanding what colors make gray helps you create balanced, desaturated pairings.

Questions about #64bcec

What is #64bcec in RGB, HSL and CMYK?
In RGB, #64bcec is rgb(100, 188, 236), in HSL hsl(201, 78%, 66%) and in CMYK 58%, 20%, 0%, 7%.
What design style works best for #64bcec?
This color excels in digital spaces that require a professional yet approachable aesthetic, such as healthcare portals or SaaS platforms. It brings a sense of clarity and trust, though you should limit its use to accent buttons or headers to prevent overwhelming your design.
Is #64bcec readable on white or black?
#64bcec has a 2.11:1 contrast ratio on white and 9.94: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.