#314409 Color

#314409 is rgb(49, 68, 9) in RGB and hsl(79, 77%, 15%) in HSL. The closest CSS named color is DarkGreen. White text is most readable on this background.

#314409

HEX#314409

RGBrgb(49, 68, 9)

HSLhsl(79, 77%, 15%)

HSVhsv(79, 87%, 27%)

OKLCHoklch(35.8% 0.084 126.5)

CMYKcmyk(28%, 0%, 87%, 73%)

Text Contrast & Accessibility

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

TextWhite text10.71:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.96:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#314409 Complementary#1B0944 Analogous#443909 Analogous#144409 Triadic#093144 Triadic#440931

Tints & Shades

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

Tints

#587A10 #80B017 #A5E222 #B9E953 #CFF08A #E5F7C0

Shades

#2B3B08 #273607 #212D06 #1D2905 #172004 #141B04

Use #314409 in Our Tools

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