#94A2AD Color

#94A2AD is rgb(148, 162, 173) in RGB and hsl(206, 13%, 63%) in HSL. The closest CSS named color is DarkGray. Black text is most readable on this background.

#94A2AD

HEX#94A2AD

RGBrgb(148, 162, 173)

HSLhsl(206, 13%, 63%)

HSVhsv(206, 14%, 68%)

OKLCHoklch(70.5% 0.023 241.5)

CMYKcmyk(14%, 6%, 0%, 32%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#94A2AD Complementary#AD9F94 Analogous#94ADAB Analogous#9496AD Triadic#AD94A2 Triadic#A2AD94

Tints & Shades

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

Tints

#A3AFB8 #B1BBC3 #C0C8CE #CED4D9 #DCE1E4 #EBEDEF

Shades

#7D8E9B #667785 #54636D #404B54 #2F363D #1B1F23

Use #94A2AD in Our Tools

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