#78827E Color

#78827E is rgb(120, 130, 126) in RGB and hsl(156, 4%, 49%) in HSL. The closest CSS named color is Gray. Black text is most readable on this background.

#78827E

HEX#78827E

RGBrgb(120, 130, 126)

HSLhsl(156, 4%, 49%)

HSVhsv(156, 8%, 51%)

OKLCHoklch(59.7% 0.013 170)

CMYKcmyk(8%, 0%, 3%, 49%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#78827E Complementary#82787C Analogous#788279 Analogous#788182 Triadic#7E7882 Triadic#827E78

Tints & Shades

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

Tints

#8A9390 #9DA4A1 #AFB6B3 #C2C7C5 #D5D8D7 #E7E9E8

Shades

#69726F #585F5D #49504D #383D3B #2A2D2C #181B1A

Use #78827E in Our Tools

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