#66425A Color

#66425A is rgb(102, 66, 90) in RGB and hsl(320, 21%, 33%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#66425A

HEX#66425A

RGBrgb(102, 66, 90)

HSLhsl(320, 21%, 33%)

HSVhsv(320, 35%, 40%)

OKLCHoklch(42.9% 0.061 339.9)

CMYKcmyk(0%, 35%, 12%, 60%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#66425A Complementary#42664E Analogous#604266 Analogous#664248 Triadic#5A6642 Triadic#425A66

Tints & Shades

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

Tints

#825573 #9E6B8D #B087A3 #C3A2B8 #D5BECD #E9DDE5

Shades

#593A4F #4D3244 #412A39 #31202C #251821 #191016

Use #66425A in Our Tools

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