#126D94 Hex Color

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

Hex color #126d94 graphic
This unsaturated, mid-tone blue carries a cool, professional weight, making it a reliable choice for corporate UI and branding. Because of its slight grayness, it avoids feeling overly vivid, which helps when learning how to make gray. The hex code #126d94 offers strong legibility against white text, providing enough contrast for accessibility. Use it as a dominant brand color to establish stability in finance or technology interfaces.

Questions about #126d94

What is #126d94 in RGB, HSL and CMYK?
In RGB, #126d94 is rgb(18, 109, 148), in HSL hsl(198, 78%, 33%) and in CMYK 88%, 26%, 0%, 42%. Browse more shades of blue with names and hex codes.
Where should I use #126d94 in a user interface?
#126d94 works best as a primary action color or a dominant brand hue in corporate and financial applications. Because it maintains strong legibility against white, it serves as an excellent choice for buttons, navigation elements, or status indicators where stability and trustworthiness are the desired aesthetic.
What colors pair well with #126d94 for a balanced palette?
Pair #126d94 with neutral off-whites or a very light slate to keep the interface feeling clean and professional. For accent colors that pop without clashing, consider using soft amber or muted terracotta, which create a complementary balance against this cool blue.
Is #126d94 readable on white or black?
#126d94 has a 5.76:1 contrast ratio on white and 3.64:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.