#6767AD Color

#6767AD is rgb(103, 103, 173) in RGB and hsl(240, 30%, 54%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#6767AD

HEX#6767AD

RGBrgb(103, 103, 173)

HSLhsl(240, 30%, 54%)

HSVhsv(240, 40%, 68%)

OKLCHoklch(54.5% 0.108 282.2)

CMYKcmyk(40%, 40%, 0%, 32%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#6767AD Complementary#ADAD67 Analogous#678AAD Analogous#8A67AD Triadic#AD6767 Triadic#67AD67

Tints & Shades

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

Tints

#7A7AB8 #9292C4 #A5A5CF #B9B9DA #CDCDE4 #E4E4F1

Shades

#54549C #474785 #3B3B6D #2D2D53 #20203C #141424

Use #6767AD in Our Tools

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