#56728A Color

#56728A is rgb(86, 114, 138) in RGB and hsl(208, 23%, 44%) in HSL. The closest CSS named color is SlateGray. White text is most readable on this background.

#56728A

HEX#56728A

RGBrgb(86, 114, 138)

HSLhsl(208, 23%, 44%)

HSVhsv(208, 38%, 54%)

OKLCHoklch(54% 0.05 244.8)

CMYKcmyk(38%, 17%, 0%, 46%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#56728A Complementary#8A6E56 Analogous#568A88 Analogous#56588A Triadic#8A5672 Triadic#728A56

Tints & Shades

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

Tints

#6886A1 #7E98AE #97ACBE #B1C0CE #CAD4DE #E0E6EB

Shades

#4B6277 #415568 #354655 #293642 #1D272F #141A1F

Use #56728A in Our Tools

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