#6448CB Color

#6448CB is rgb(100, 72, 203) in RGB and hsl(253, 56%, 54%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#6448CB

HEX#6448CB

RGBrgb(100, 72, 203)

HSLhsl(253, 56%, 54%)

HSVhsv(253, 65%, 80%)

OKLCHoklch(50.8% 0.193 287.2)

CMYKcmyk(51%, 65%, 0%, 20%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #6448CB 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.33:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#6448CB Complementary#AFCB48 Analogous#486DCB Analogous#A648CB Triadic#CB6448 Triadic#48CB64

Tints & Shades

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

Tints

#7960D2 #907CDA #A494E1 #B8ABE7 #CDC3EE #E4DFF6

Shades

#5235BB #462D9F #392583 #2C1C63 #1F1448 #130C2C

Use #6448CB in Our Tools

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