#51783A Color

#51783A is rgb(81, 120, 58) in RGB and hsl(98, 35%, 35%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#51783A

HEX#51783A

RGBrgb(81, 120, 58)

HSLhsl(98, 35%, 35%)

HSVhsv(98, 52%, 47%)

OKLCHoklch(52.8% 0.1 135)

CMYKcmyk(33%, 0%, 52%, 53%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #51783A background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text5.13:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.1:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #51783A based on color wheel relationships. Click any swatch for its full breakdown.

Base#51783A Complementary#623A78 Analogous#70783A Analogous#3A7842 Triadic#3A5178 Triadic#783A51

Tints & Shades

Lighter tints and darker shades of #51783A, useful for hover states, backgrounds, and text variants.

Tints

#669749 #7CB15D #95C07C #AECF9B #C7DEBA #E0EDD9

Shades

#486B33 #3C5A2B #334C24 #273B1C #1E2D16 #121C0D

Use #51783A in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex