#BAD253 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Like a fresh-cut lime or new spring leaves, this yellow-green glows with energy. #bad253 is light and highly saturated, so it works best as an accent or on sale banners and construction signage, where its spark pulls the eye. Black text sits comfortably on top at about 12.4:1 contrast. Pair it with charcoal or deep navy to keep the layout grounded.
Questions about #bad253
What is #bad253 in RGB, HSL and CMYK?
In RGB, #bad253 is rgb(186, 210, 83), in HSL hsl(71, 59%, 57%) and in CMYK 11%, 0%, 60%, 18%.
What colors pair well with #bad253?
Charcoal, deep navy, and plum all ground this bright yellow-green nicely, keeping its neon energy from taking over a layout. Avoid placing it next to pure white in large areas, where it can look washed out.
Is #bad253 readable on white or black?
#bad253 has a 1.68:1 contrast ratio on white and 12.43: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.