#728AAC Color

#728AAC is rgb(114, 138, 172) in RGB and hsl(215, 26%, 56%) in HSL. The closest CSS named color is LightSlateGray. Black text is most readable on this background.

#728AAC

HEX#728AAC

RGBrgb(114, 138, 172)

HSLhsl(215, 26%, 56%)

HSVhsv(215, 34%, 67%)

OKLCHoklch(62.7% 0.059 257.1)

CMYKcmyk(34%, 20%, 0%, 33%)

Text Contrast & Accessibility

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

TextWhite text3.53:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.95:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#728AAC Complementary#AC9472 Analogous#72A7AC Analogous#7672AC Triadic#AC728A Triadic#8AAC72

Tints & Shades

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

Tints

#859AB7 #98AAC3 #ABBACE #BFCAD9 #D2DAE5 #E5EAF0

Shades

#5C789D #4D6484 #40536D #313F54 #242E3D #151B23

Use #728AAC in Our Tools

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