#11BAF7 Hex Color

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

Hex color #11baf7 graphic
This electric cyan is highly saturated and demands immediate attention. Because #11baf7 is so intense, treat it as a 10% accent color to guide the eye toward call-to-action buttons. Avoid using it as a large-scale background, as it quickly dominates a layout. It reads best when paired with deep, dark charcoal grays. This hex code maintains perfect accessibility with black text.

Questions about #11baf7

What is #11baf7 in RGB, HSL and CMYK?
In RGB, #11baf7 is rgb(17, 186, 247), in HSL hsl(196, 93%, 52%) and in CMYK 93%, 25%, 0%, 3%.
How should I use #11baf7 in a UI design?
Use #11baf7 sparingly as a 10% accent color to draw user attention toward call-to-action buttons or notifications. Because it is so saturated, avoid applying this tone to large-scale backgrounds where it will overwhelm the layout and cause visual fatigue.
What colors pair best with #11baf7?
This vibrant cyan pairs most effectively with deep, dark charcoal grays to ground its intensity. Using a dark neutral creates a sophisticated balance, ensuring the brightness of the cyan pops without clashing or hurting the viewer's eyes.
Is #11baf7 readable on white or black?
#11baf7 has a 2.23:1 contrast ratio on white and 9.39: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.