#3ABABC Hex Color
An energetic cyan with crisp green undertones
This cool cyan leans into a bright, saturated teal with significant green undertones. Because it offers high readability with dark text, #3ababc functions well as a dominant UI background or a playful accent in branding. It feels energetic yet approachable for modern tech interfaces. Pair this hex code with a deep charcoal or warm slate to balance its inherent chill.
Questions about #3ababc
What is #3ababc in RGB, HSL and CMYK?
In RGB, #3ababc is rgb(58, 186, 188), in HSL hsl(181, 53%, 48%) and in CMYK 69%, 1%, 0%, 26%.
How do I balance the intensity of #3ababc in my design?
Use deep neutrals like charcoal or warm slate to temper the high energy of #3ababc. This pairing creates a sophisticated contrast that maintains readability while letting the teal stand out as a modern, approachable feature of your layout.
Is #3ababc suitable for text-heavy interfaces?
While #3ababc works well as a background, it is best used for accents or UI elements rather than body text. Because of its high saturation, it provides excellent contrast against dark text, ensuring your interface remains accessible and legible for users.
Is #3ababc readable on white or black?
#3ababc has a 2.35:1 contrast ratio on white and 8.92:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.