#25BB96 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone teal is high in saturation, offering a refreshing and clear presence for digital interfaces. Because it maintains strong legibility against black text with an 8.6:1 contrast ratio, it works well for UI elements or call-to-action buttons. Pair #25bb96 with dark charcoals to ground its intensity, as this specific hex code can overwhelm a layout if used as a large background color.
Questions about #25bb96
What is #25bb96 in RGB, HSL and CMYK?
In RGB, #25bb96 is rgb(37, 187, 150), in HSL hsl(165, 67%, 44%) and in CMYK 80%, 0%, 20%, 27%.
How should I use #25bb96 in a UI layout?
Use #25bb96 sparingly as an accent color for call-to-action buttons or navigation elements. Because it is highly saturated and bright, it can easily overpower a layout if used as a large background or primary fill.
What neutral colors pair best with #25bb96?
Dark charcoal or deep slate grays provide the necessary weight to anchor the vibrancy of #25bb96. These grounding neutrals allow the teal to pop without overwhelming the viewer, creating a balanced and professional look for modern web design.
Is #25bb96 readable on white or black?
#25bb96 has a 2.43:1 contrast ratio on white and 8.62: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.