#642630 Color

#642630 is rgb(100, 38, 48) in RGB and hsl(350, 45%, 27%) in HSL. The closest CSS named color is SaddleBrown. White text is most readable on this background.

#642630

HEX#642630

RGBrgb(100, 38, 48)

HSLhsl(350, 45%, 27%)

HSVhsv(350, 62%, 39%)

OKLCHoklch(36.2% 0.09 12.9)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#642630 Complementary#26645A Analogous#64264F Analogous#643B26 Triadic#306426 Triadic#263064

Tints & Shades

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

Tints

#893442 #AE4254 #C36070 #D28995 #E0AEB6 #EED3D7

Shades

#59222B #4A1C24 #3F181E #341419 #290F14 #1A0A0C

Use #642630 in Our Tools

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