#22A19F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated cyan carries a refreshing, sharp clarity. Because it maintains strong contrast against black text, #22a19f works well for UI elements and navigation buttons where legibility is priority. It pairs effectively with deep charcoals rather than bright whites, which can make it look washed out. Use this hex code as a focused accent rather than a background to keep your design feeling grounded.
Questions about #22a19f
What is #22a19f in RGB, HSL and CMYK?
In RGB, #22a19f is rgb(34, 161, 159), in HSL hsl(179, 65%, 38%) and in CMYK 79%, 0%, 1%, 37%.
Why does #22a19f work well for user interface design?
#22a19f excels in UI design because it maintains high visibility against dark mode backgrounds without the harshness of neon cyan. This unsaturated balance creates a professional, grounded look for interactive navigation buttons or primary call-to-action elements.
What color combinations work best with #22a19f?
You should pair #22a19f with deep, neutral tones like charcoal or slate to let the cyan pop without looking washed out. Avoid placing it against pure white, as the lack of saturation can make the color appear dim.
Is #22a19f readable on white or black?
#22a19f has a 3.15:1 contrast ratio on white and 6.66: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.