#748A9A Color

#748A9A is rgb(116, 138, 154) in RGB and hsl(205, 16%, 53%) in HSL. The closest CSS named color is LightSlateGray. Black text is most readable on this background.

#748A9A

HEX#748A9A

RGBrgb(116, 138, 154)

HSLhsl(205, 16%, 53%)

HSVhsv(205, 25%, 60%)

OKLCHoklch(62.2% 0.035 239.7)

CMYKcmyk(25%, 10%, 0%, 40%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#748A9A Complementary#9A8474 Analogous#749A97 Analogous#74779A Triadic#9A748A Triadic#8A9A74

Tints & Shades

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

Tints

#8699A7 #9AABB6 #ACBAC3 #C1CBD2 #D3DADF #E7EBEE

Shades

#637888 #546673 #45545F #36414A #272F35 #181D21

Use #748A9A in Our Tools

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