#745B3E Color

#745B3E is rgb(116, 91, 62) in RGB and hsl(32, 30%, 35%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#745B3E

HEX#745B3E

RGBrgb(116, 91, 62)

HSLhsl(32, 30%, 35%)

HSVhsv(32, 47%, 45%)

OKLCHoklch(48.9% 0.054 70.2)

CMYKcmyk(0%, 22%, 47%, 55%)

Text Contrast & Accessibility

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

TextWhite text6.35:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.31:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#745B3E Complementary#3E5774 Analogous#74403E Analogous#72743E Triadic#3E745B Triadic#5B3E74

Tints & Shades

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

Tints

#92724F #AB8A63 #BBA081 #CBB79F #DBCDBD #EBE4DB

Shades

#675137 #56442E #493927 #382C1E #2B2217 #1B150E

Use #745B3E in Our Tools

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