#6E767C Color

#6E767C is rgb(110, 118, 124) in RGB and hsl(206, 6%, 46%) in HSL. The closest CSS named color is Gray. White text is most readable on this background.

#6E767C

HEX#6E767C

RGBrgb(110, 118, 124)

HSLhsl(206, 6%, 46%)

HSVhsv(206, 11%, 49%)

OKLCHoklch(56.1% 0.013 240.1)

CMYKcmyk(11%, 5%, 0%, 51%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#6E767C Complementary#7C746E Analogous#6E7C7B Analogous#6E6F7C Triadic#7C6E76 Triadic#767C6E

Tints & Shades

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

Tints

#80888E #969CA2 #A9AEB2 #BEC2C5 #D1D4D6 #E7E8E9

Shades

#60676C #51575C #43484C #35393B #26292B #181A1B

Use #6E767C in Our Tools

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