#747EA4 Color

#747EA4 is rgb(116, 126, 164) in RGB and hsl(228, 21%, 55%) in HSL. The closest CSS named color is LightSlateGray. Black text is most readable on this background.

#747EA4

HEX#747EA4

RGBrgb(116, 126, 164)

HSLhsl(228, 21%, 55%)

HSVhsv(228, 29%, 64%)

OKLCHoklch(59.9% 0.059 273.1)

CMYKcmyk(29%, 23%, 0%, 36%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#747EA4 Complementary#A49B74 Analogous#7496A4 Analogous#8374A4 Triadic#A4747E Triadic#7EA474

Tints & Shades

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

Tints

#878FB0 #99A0BD #ACB1C9 #C1C6D7 #D4D7E3 #E6E8EF

Shades

#616B94 #51597B #424A66 #343A50 #262A3B #161922

Use #747EA4 in Our Tools

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