#ADFFC3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, pastel green carries a high level of brightness that keeps designs looking fresh and organic. Because of its extreme lightness, #adffc3 works best as a supporting accent rather than a primary background color. It pairs surprisingly well with charcoal grays or deep navies to ground the palette. Since black text provides excellent contrast here, use this hex code for clean, readable UI elements.
Questions about #adffc3
What is #adffc3 in RGB, HSL and CMYK?
In RGB, #adffc3 is rgb(173, 255, 195), in HSL hsl(136, 100%, 84%) and in CMYK 32%, 0%, 24%, 0%.
How can I effectively use #adffc3 in interface design?
Since #adffc3 is extremely light, avoid using it as a primary background color for long-form text because it lacks sufficient contrast. Instead, reserve this luminous green for high-visibility UI accents like notification badges, call-to-action buttons, or subtle highlight effects against dark backgrounds.
What colors pair well with #adffc3 to create a balanced palette?
To ground the brightness of #adffc3, pair it with high-contrast, deep neutrals such as charcoal or deep navy blue. These dark tones stabilize the airy quality of the green, making it feel less like a neon accent and more like a deliberate design choice.
Is #adffc3 readable on white or black?
#adffc3 has a 1.17:1 contrast ratio on white and 17.86: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.