#313F12 Color

#313F12 is rgb(49, 63, 18) in RGB and hsl(79, 56%, 16%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#313F12

HEX#313F12

RGBrgb(49, 63, 18)

HSLhsl(79, 56%, 16%)

HSVhsv(79, 71%, 25%)

OKLCHoklch(34.4% 0.07 124.7)

CMYKcmyk(22%, 0%, 71%, 75%)

Text Contrast & Accessibility

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

TextWhite text11.35:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#313F12 Complementary#201240 Analogous#403712 Analogous#1A4012 Triadic#123140 Triadic#401231

Tints & Shades

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

Tints

#566F1F #789B2C #9CC83C #B4D56C #CCE39C #E3EFC7

Shades

#2B3810 #28340F #222C0C #1C240A #161C08 #121807

Use #313F12 in Our Tools

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