#646BAA Color

#646BAA is rgb(100, 107, 170) in RGB and hsl(234, 29%, 53%) in HSL. The closest CSS named color is SlateGray. White text is most readable on this background.

#646BAA

HEX#646BAA

RGBrgb(100, 107, 170)

HSLhsl(234, 29%, 53%)

HSVhsv(234, 41%, 67%)

OKLCHoklch(54.9% 0.098 277.8)

CMYKcmyk(41%, 37%, 0%, 33%)

Text Contrast & Accessibility

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

TextWhite text4.97:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.23:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#646BAA Complementary#AAA364 Analogous#648EAA Analogous#8064AA Triadic#AA646B Triadic#6BAA64

Tints & Shades

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

Tints

#787EB5 #8F94C1 #A3A7CC #BABDD9 #CED0E4 #E5E6F1

Shades

#535A97 #474C80 #3A3F69 #2D3152 #21233B #141624

Use #646BAA in Our Tools

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