#289EC4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Major Blue is a crisp, cool cyan that offers strong legibility when paired with black text. Its moderate saturation makes it a reliable accent for tech and aerospace interfaces. The hex code for this color is #289ec4. It works best in smaller doses, as it can dominate a palette. Pair it with deep charcoal or slate greys to temper its bright, energetic character.
About Major Blue
Pool water before the first swimmer shows up
What does major blue mean?
People often link cyan blues like this to clean water, swimming pools, medical settings, and clear daytime skies. Its mid lightness and held-back saturation feel even and steady, like air that has not warmed up yet.
Where you see major blue
- swimming pool water
- medical scrubs
- road signs
- pool tiles
- beach towels
- inflatable pool floats
What it works for
It works well for healthcare interfaces, swim and outdoor gear, dashboards, and packaging that needs a dependable mid blue.
What colors go with major blue?
Coral #ff7f50The warm pink-orange sits across the wheel and keeps the blue from feeling clinical.Sand #e2ca76A dry, grainy neutral gives the watery blue something solid to sit on.Mustard #ffdb58The yellow pulls the cyan toward green and adds heat without shouting.Charcoal #36454fThe near-black grounds the mid blue and sharpens its cool cast.Mint #98ff98The lighter green-tinted neighbor builds a cool palette that still breathes.
Questions about Major Blue
What is the hex code for Major Blue?
Major Blue is #289ec4. In RGB that is rgb(40, 158, 196), in HSL hsl(195, 66%, 46%) and in CMYK 80%, 19%, 0%, 23%.
Is #289ec4 suitable for UI text?
While Major Blue is highly legible against white or light gray backgrounds, it can be intense for large blocks of paragraph text. It is far more effective when reserved for call-to-action buttons, data visualizations, or status icons where you need to draw immediate user attention.
Is Major Blue readable on white or black?
Major Blue has a 3.09:1 contrast ratio on white and 6.77: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.