#57C478 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, high-chroma green leans towards a neon intensity that demands attention. The hex code #57c478 works best as an accent color for sustainability or eco-conscious branding rather than a dominant background, where its saturation can feel overwhelming. It pairs effectively with deep charcoal grays to maintain readability. Black text provides excellent contrast against this shade for user interface elements.
Questions about #57c478
What is #57c478 in RGB, HSL and CMYK?
In RGB, #57c478 is rgb(87, 196, 120), in HSL hsl(138, 48%, 55%) and in CMYK 56%, 0%, 39%, 23%.
How should I use #57c478 in UI design?
Use #57c478 primarily as an accent color for calls-to-action or small interface elements rather than large backgrounds. Its high saturation works best when balanced against deep charcoal or dark gray text to maintain visual comfort and accessibility.
Is #57c478 suitable for body text?
Avoid using #57c478 for body text because its high brightness can cause eye strain against white or light backgrounds. It performs most effectively when applied to icons, buttons, or highlights where contrast can be strictly controlled against a darker neutral background.
Is #57c478 readable on white or black?
#57c478 has a 2.19:1 contrast ratio on white and 9.57: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.