#687449 Color

#687449 is rgb(104, 116, 73) in RGB and hsl(77, 23%, 37%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#687449

HEX#687449

RGBrgb(104, 116, 73)

HSLhsl(77, 23%, 37%)

HSVhsv(77, 37%, 45%)

OKLCHoklch(53.8% 0.065 121.3)

CMYKcmyk(10%, 0%, 37%, 55%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#687449 Complementary#554974 Analogous#746B49 Analogous#527449 Triadic#496874 Triadic#744968

Tints & Shades

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

Tints

#81905A #95A56F #AAB68B #BFC8A7 #D3DAC3 #E6E9DC

Shades

#5A643F #4F5837 #40482D #323823 #24291A #191C12

Use #687449 in Our Tools

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