#249CBB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A cool, unsaturated cyan, #249cbb strikes a balance between professional and approachable. Because black text maintains a high contrast ratio against this tone, it works well for UI buttons or instructional graphics. While it feels refreshing in technology and aerospace designs, be mindful that it can appear flat. If you need to tone down its brightness, learning how to make gray helps you create complementary neutral backgrounds.
Questions about #249cbb
What is #249cbb in RGB, HSL and CMYK?
In RGB, #249cbb is rgb(36, 156, 187), in HSL hsl(192, 68%, 44%) and in CMYK 81%, 17%, 0%, 27%.
What color schemes work best with #249cbb?
#249cbb pairs beautifully with neutrals like charcoal to maintain a clean, modern interface. Because of its balanced saturation, it also works effectively alongside warm, contrasting accents such as muted terracotta, which prevents the overall layout from feeling too flat or overly digital.
Is #249cbb suitable for body text?
Avoid using #249cbb for standard body text because it lacks the necessary contrast ratio against white backgrounds. While it functions well for buttons or headers, always pair it with a darker, high-contrast color for long-form reading to ensure your content remains fully accessible.
Is #249cbb readable on white or black?
#249cbb has a 3.20:1 contrast ratio on white and 6.54:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.