#505595 Color

#505595 is rgb(80, 85, 149) in RGB and hsl(236, 30%, 45%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#505595

HEX#505595

RGBrgb(80, 85, 149)

HSLhsl(236, 30%, 45%)

HSVhsv(236, 46%, 58%)

OKLCHoklch(47.6% 0.103 278.4)

CMYKcmyk(46%, 43%, 0%, 42%)

Text Contrast & Accessibility

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

TextWhite text6.83:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.07:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#505595 Complementary#959150 Analogous#507795 Analogous#6E5095 Triadic#955055 Triadic#559550

Tints & Shades

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

Tints

#6368AB #7A7EB8 #9598C6 #ACAFD2 #C7C8E1 #DEDFED

Shades

#464A81 #3B3E6D #30335A #272A49 #1D1E35 #121321

Use #505595 in Our Tools

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