#646E87 Color
#646E87 is rgb(100, 110, 135) in RGB and hsl(223, 15%, 46%) in HSL. The closest CSS named color is SlateGray. White text is most readable on this background.
#646E87
HEX
#646E87RGB
rgb(100, 110, 135)HSL
hsl(223, 15%, 46%)HSV
hsv(223, 26%, 53%)OKLCH
oklch(53.9% 0.041 267.9)CMYK
cmyk(26%, 19%, 0%, 47%)Text Contrast & Accessibility
WCAG contrast ratios for text on a #646E87 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.
TextWhite text5.09:1AA normal ✓AA large ✓AAA normal ✗
TextBlack text4.12:1AA normal ✗AA large ✓AAA normal ✗
Color Harmonies
Colors that pair well with #646E87 based on color wheel relationships. Click any swatch for its full breakdown.
Tints & Shades
Lighter tints and darker shades of #646E87, useful for hover states, backgrounds, and text variants.