#BAD250

A medium, rich shade of yellow-green. This balanced color works well for fresh designs and spring themes.

Color Values

HEX

#BAD250

RGB

rgb(186, 210, 80)

HSL

hsl(71, 59%, 57%)

CMYK

cmyk(11%, 0%, 62%, 18%)

HWB

hwb(71 31% 18%)

Tints & Shades

Tints (lighter)

Shades (darker)

Color Harmonies

Complementary

Opposite on the wheel

Analogous

Adjacent colors

Triadic

Three evenly spaced

Tetradic

Rectangular pattern

Split Comp.

Adjacent to complement

Rectangle

Two complementary pairs

Accessibility

White Text

Sample text

Contrast1.69:1

AA ✗AAA ✗

Black Text

Sample text

Contrast12.42:1

AA ✓AAA ✓

Recommended text color: black

Color Blindness Simulation

Protanopia

Red-blind (no red cones)

Deuteranopia

Green-blind (no green cones)

Tritanopia

Blue-blind (no blue cones)

Achromatopsia

Complete color blindness

Tailwind CSS Palette

50100200300400500600700800900950