#6761BD Color

#6761BD is rgb(103, 97, 189) in RGB and hsl(244, 41%, 56%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#6761BD

HEX#6761BD

RGBrgb(103, 97, 189)

HSLhsl(244, 41%, 56%)

HSVhsv(244, 49%, 74%)

OKLCHoklch(54.3% 0.14 283.7)

CMYKcmyk(46%, 49%, 0%, 26%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#6761BD Complementary#B7BD61 Analogous#6189BD Analogous#9561BD Triadic#BD6761 Triadic#61BD67

Tints & Shades

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

Tints

#7C76C6 #908CCF #A5A2D8 #BAB7E1 #CFCDEA #E3E2F3

Shades

#514AB0 #433E93 #38337A #2B275D #1F1D44 #121128

Use #6761BD in Our Tools

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