#2E9DA2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated cyan carries a cooling, muted character that feels approachable rather than clinical. Because of its steady contrast ratio, the hex code #2e9da2 maintains excellent legibility with black text, making it a reliable choice for technical interfaces or body copy. Try using it as a secondary accent color paired with charcoal grays to ground its lightness and prevent it from appearing washed out in large, solid blocks.
Questions about #2e9da2
What is #2e9da2 in RGB, HSL and CMYK?
In RGB, #2e9da2 is rgb(46, 157, 162), in HSL hsl(183, 56%, 41%) and in CMYK 72%, 3%, 0%, 36%.
How do I best use #2e9da2 in a UI design?
#2e9da2 works exceptionally well as a secondary accent color in technical interfaces. Pair it with charcoal text to ground its brightness, ensuring the color feels professional rather than washed out while maintaining excellent readability for your users.
Is #2e9da2 considered a warm or cool color?
#2e9da2 is definitively a cool-toned cyan, pulling from the blue and green spectrum to create a sense of calm. Its desaturated nature softens the intensity typical of pure cyan, which keeps the tone approachable and prevents it from appearing overly clinical.
Is #2e9da2 readable on white or black?
#2e9da2 has a 3.25:1 contrast ratio on white and 6.46: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.