#61688F Color

#61688F is rgb(97, 104, 143) in RGB and hsl(231, 19%, 47%) in HSL. The closest CSS named color is SlateGray. White text is most readable on this background.

#61688F

HEX#61688F

RGBrgb(97, 104, 143)

HSLhsl(231, 19%, 47%)

HSVhsv(231, 32%, 56%)

OKLCHoklch(52.7% 0.062 276.2)

CMYKcmyk(32%, 27%, 0%, 44%)

Text Contrast & Accessibility

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

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

TextBlack text3.89:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#61688F Complementary#8F8861 Analogous#617F8F Analogous#71618F Triadic#8F6168 Triadic#688F61

Tints & Shades

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

Tints

#737AA0 #8C91B1 #A1A5BF #B6BACD #CBCEDC #E4E5EC

Shades

#555B7C #484D6A #3C4058 #2D3143 #212331 #15161E

Use #61688F in Our Tools

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