#828DAB Color

#828DAB is rgb(130, 141, 171) in RGB and hsl(224, 20%, 59%) in HSL. The closest CSS named color is LightSlateGray. Black text is most readable on this background.

#828DAB

HEX#828DAB

RGBrgb(130, 141, 171)

HSLhsl(224, 20%, 59%)

HSVhsv(224, 24%, 67%)

OKLCHoklch(64.5% 0.047 269.3)

CMYKcmyk(24%, 18%, 0%, 33%)

Text Contrast & Accessibility

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

TextWhite text3.31:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.35:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#828DAB Complementary#ABA082 Analogous#82A2AB Analogous#8B82AB Triadic#AB828D Triadic#8DAB82

Tints & Shades

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

Tints

#949DB8 #A3ABC2 #B6BCCE #C5CAD8 #D7DBE4 #E7E9EF

Shades

#69769B #586384 #47516B #394156 #292E3D #181C25

Use #828DAB in Our Tools

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