#4E7E72 Color

#4E7E72 is rgb(78, 126, 114) in RGB and hsl(165, 24%, 40%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#4E7E72

HEX#4E7E72

RGBrgb(78, 126, 114)

HSLhsl(165, 24%, 40%)

HSVhsv(165, 38%, 49%)

OKLCHoklch(55.5% 0.056 176.5)

CMYKcmyk(38%, 0%, 10%, 51%)

Text Contrast & Accessibility

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

TextWhite text4.61:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.55:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#4E7E72 Complementary#7E4E5A Analogous#4E7E5A Analogous#4E727E Triadic#724E7E Triadic#7E724E

Tints & Shades

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

Tints

#5D9889 #77AC9F #90BBB0 #AACBC2 #C3DAD4 #DFECE9

Shades

#446F64 #3A5F56 #304F47 #253C36 #1B2C28 #111C1A

Use #4E7E72 in Our Tools

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