#654350 Color

#654350 is rgb(101, 67, 80) in RGB and hsl(337, 20%, 33%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#654350

HEX#654350

RGBrgb(101, 67, 80)

HSLhsl(337, 20%, 33%)

HSVhsv(337, 34%, 40%)

OKLCHoklch(42.6% 0.051 354.8)

CMYKcmyk(0%, 34%, 21%, 60%)

Text Contrast & Accessibility

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

TextWhite text8.5:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.47:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#654350 Complementary#436558 Analogous#654361 Analogous#654743 Triadic#506543 Triadic#435065

Tints & Shades

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

Tints

#815666 #9D6C7F #AF8897 #C2A3AF #D4BFC7 #E9DDE2

Shades

#593B46 #4D333D #402B33 #312127 #25181D #181013

Use #654350 in Our Tools

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