#87CC82 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, pastel green adds fresh energy to UI designs. Its high contrast allows for excellent readability with black text, ensuring accessible layouts. Pair #87cc82 with deep charcoal to ground its lightness. Because this shade feels very organic, the hex code #87cc82 works best as a supporting accent rather than a dominant background.
Questions about #87cc82
What is #87cc82 in RGB, HSL and CMYK?
In RGB, #87cc82 is rgb(135, 204, 130), in HSL hsl(116, 42%, 65%) and in CMYK 34%, 0%, 36%, 20%.
What colors pair best with #87cc82 in a design system?
Because #87cc82 is such a light and organic shade, it pairs best with charcoal or deep navy for high-contrast, readable text. If you need a secondary accent, try pairing it with muted earth tones to keep the palette grounded.
Does #87cc82 work well as a primary background color?
This green is best utilized as a supporting accent or highlight rather than a dominant background color. Its high saturation and lightness can overwhelm a page if used too heavily, potentially tiring the eyes of users during extended viewing.
Is #87cc82 readable on white or black?
#87cc82 has a 1.91:1 contrast ratio on white and 10.98: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.