#534695 Color

#534695 is rgb(83, 70, 149) in RGB and hsl(250, 36%, 43%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#534695

HEX#534695

RGBrgb(83, 70, 149)

HSLhsl(250, 36%, 43%)

HSVhsv(250, 53%, 58%)

OKLCHoklch(44.8% 0.125 287.8)

CMYKcmyk(44%, 53%, 0%, 42%)

Text Contrast & Accessibility

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

TextWhite text7.84:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#534695 Complementary#889546 Analogous#466095 Analogous#7B4695 Triadic#955346 Triadic#469553

Tints & Shades

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

Tints

#6455AF #7D71BC #978DC9 #ADA5D5 #C6C1E2 #DFDCEF

Shades

#483C80 #3E346F #322A5A #292249 #1D1834 #131023

Use #534695 in Our Tools

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