#614FBA Color

#614FBA is rgb(97, 79, 186) in RGB and hsl(250, 44%, 52%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#614FBA

HEX#614FBA

RGBrgb(97, 79, 186)

HSLhsl(250, 44%, 52%)

HSVhsv(250, 58%, 73%)

OKLCHoklch(50.3% 0.162 286.8)

CMYKcmyk(48%, 58%, 0%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#614FBA Complementary#A9BA4F Analogous#4F73BA Analogous#974FBA Triadic#BA614F Triadic#4FBA61

Tints & Shades

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

Tints

#7868C4 #8C7ECD #A398D7 #B6AEE0 #CEC8EA #E1DEF2

Shades

#5140A5 #44368C #382C72 #2D245C #201A42 #141028

Use #614FBA in Our Tools

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