#6261AE Color

#6261AE is rgb(98, 97, 174) in RGB and hsl(241, 32%, 53%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#6261AE

HEX#6261AE

RGBrgb(98, 97, 174)

HSLhsl(241, 32%, 53%)

HSVhsv(241, 44%, 68%)

OKLCHoklch(53% 0.119 282.1)

CMYKcmyk(44%, 44%, 0%, 32%)

Text Contrast & Accessibility

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

TextWhite text5.47:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#6261AE Complementary#ACAE61 Analogous#6186AE Analogous#8861AE Triadic#AE6261 Triadic#61AE62

Tints & Shades

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

Tints

#7675B8 #8D8DC4 #A2A1CE #B9B8DB #CDCDE5 #E4E4F1

Shades

#51509B #454483 #38376C #2C2B54 #201F3D #131325

Use #6261AE in Our Tools

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