#75677E Color

#75677E is rgb(117, 103, 126) in RGB and hsl(277, 10%, 45%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#75677E

HEX#75677E

RGBrgb(117, 103, 126)

HSLhsl(277, 10%, 45%)

HSVhsv(277, 18%, 49%)

OKLCHoklch(53.5% 0.039 312.2)

CMYKcmyk(7%, 18%, 0%, 51%)

Text Contrast & Accessibility

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

TextWhite text5.25:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#75677E Complementary#707E67 Analogous#6A677E Analogous#7E677C Triadic#7E7567 Triadic#677E75

Tints & Shades

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

Tints

#8A7B93 #9B8FA3 #AFA5B6 #C1B9C6 #D5CFD8 #E6E3E8

Shades

#665A6D #564C5D #463E4C #39323E #2A252D #1A171C

Use #75677E in Our Tools

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