#6354BB Color

#6354BB is rgb(99, 84, 187) in RGB and hsl(249, 43%, 53%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#6354BB

HEX#6354BB

RGBrgb(99, 84, 187)

HSLhsl(249, 43%, 53%)

HSVhsv(249, 55%, 73%)

OKLCHoklch(51.4% 0.156 286.2)

CMYKcmyk(47%, 55%, 0%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#6354BB Complementary#ABBB54 Analogous#5478BB Analogous#9754BB Triadic#BB6354 Triadic#54BB63

Tints & Shades

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

Tints

#7769C3 #8E83CE #A299D6 #B9B2E0 #CDC8E9 #E4E2F3

Shades

#5243A8 #46398E #392F75 #2D245B #201A42 #141028

Use #6354BB in Our Tools

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