#2B8D9A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated cyan carries a crisp, cool temperature that feels both professional and approachable. Because it balances neutrality with a distinct blue-green character, the hex code #2b8d9a works best as a secondary accent rather than a dominant background. Pair it with charcoal or deep navy to ground its lightness. Black text remains highly legible against this tone, making it a reliable choice for functional UI elements.
Questions about #2b8d9a
What is #2b8d9a in RGB, HSL and CMYK?
In RGB, #2b8d9a is rgb(43, 141, 154), in HSL hsl(187, 56%, 39%) and in CMYK 72%, 8%, 0%, 40%.
What colors pair best with #2b8d9a for a professional look?
#2b8d9a works best when grounded by darker, neutral tones like charcoal, slate gray, or deep navy. These pairings create a sophisticated balance, allowing the cyan hue to pop as a functional accent without overwhelming the design.
Is #2b8d9a a good choice for UI text or buttons?
#2b8d9a functions effectively as a secondary accent color for buttons or active state indicators. Because it maintains high legibility against black text, it is a reliable choice for UI elements that need to feel approachable yet professional.
Is #2b8d9a readable on white or black?
#2b8d9a has a 3.90:1 contrast ratio on white and 5.37: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.