#642649 Color

#642649 is rgb(100, 38, 73) in RGB and hsl(326, 45%, 27%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#642649

HEX#642649

RGBrgb(100, 38, 73)

HSLhsl(326, 45%, 27%)

HSVhsv(326, 62%, 39%)

OKLCHoklch(37.1% 0.099 348.1)

CMYKcmyk(0%, 62%, 27%, 61%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#642649 Complementary#266441 Analogous#602664 Analogous#64262A Triadic#496426 Triadic#264964

Tints & Shades

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

Tints

#893464 #AE427F #C36098 #D289B2 #E0AECA #EED3E2

Shades

#592241 #4A1C36 #3F182E #341426 #290F1E #1A0A13

Use #642649 in Our Tools

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