#93A5BD Color

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

#93A5BD

HEX#93A5BD

RGBrgb(147, 165, 189)

HSLhsl(214, 24%, 66%)

HSVhsv(214, 22%, 74%)

OKLCHoklch(71.6% 0.041 255.7)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#93A5BD Complementary#BDAB93 Analogous#93BABD Analogous#9693BD Triadic#BD93A6 Triadic#A6BD93

Tints & Shades

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

Tints

#A3B3C7 #B0BDCF #C0CAD8 #CCD5E0 #DCE2EA #E9EDF1

Shades

#778EAC #5D7698 #4C607B #3C4D62 #2B3646 #192029

Use #93A5BD in Our Tools

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