#93A6BD Color

#93A6BD is rgb(147, 166, 189) in RGB and hsl(213, 24%, 66%) in HSL. The closest CSS named color is DarkGray. Black text is most readable on this background.

#93A6BD

HEX#93A6BD

RGBrgb(147, 166, 189)

HSLhsl(213, 24%, 66%)

HSVhsv(213, 22%, 74%)

OKLCHoklch(71.8% 0.04 253.3)

CMYKcmyk(22%, 12%, 0%, 26%)

Text Contrast & Accessibility

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

TextWhite text2.49:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text8.43:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#93A6BD Complementary#BDAA93 Analogous#93BBBD Analogous#9693BD Triadic#BD93A6 Triadic#A6BD93

Tints & Shades

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

Tints

#A3B3C7 #B0BECF #C0CBD8 #CCD5E0 #DCE2EA #E9EDF1

Shades

#778FAC #5D7798 #4C617B #3C4D62 #2B3746 #192029

Use #93A6BD in Our Tools

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