#126F8E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool cyan offers a professional aesthetic suitable for tech interfaces and corporate communication. Because it has enough contrast for small text, #126f8e works well as a primary color in UI design. It pairs effectively with clean whites, though designers often find what colors make gray useful when tempering its intensity. The hex code for this cyan is #126f8e.
Questions about #126f8e
What is #126f8e in RGB, HSL and CMYK?
In RGB, #126f8e is rgb(18, 111, 142), in HSL hsl(195, 78%, 31%) and in CMYK 87%, 22%, 0%, 44%.
Where does #126f8e work best in UI design?
#126f8e serves as an ideal primary color for professional dashboards, data visualization tools, and text-heavy corporate interfaces. Its high contrast ratio ensures text remains legible against light backgrounds, making it a functional choice for navigation elements, buttons, and call-to-action components.
Which colors pair well with #126f8e for a balanced palette?
This deep cyan pairs effectively with neutral grays and soft whites to maintain a clean, professional aesthetic. For a more sophisticated look, use it alongside charcoal to ground the design or incorporate a warm, muted orange to create a striking complementary contrast.
Is #126f8e readable on white or black?
#126f8e has a 5.69:1 contrast ratio on white and 3.69: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.