#697286 Color

#697286 is rgb(105, 114, 134) in RGB and hsl(221, 12%, 47%) in HSL. The closest CSS named color is SlateGray. White text is most readable on this background.

#697286

HEX#697286

RGBrgb(105, 114, 134)

HSLhsl(221, 12%, 47%)

HSVhsv(221, 22%, 53%)

OKLCHoklch(55.2% 0.033 266.1)

CMYKcmyk(22%, 15%, 0%, 47%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#697286 Complementary#867D69 Analogous#698186 Analogous#6F6986 Triadic#866973 Triadic#738669

Tints & Shades

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

Tints

#7C8598 #929AAA #A6ACB9 #BABFC9 #CED2D9 #E5E7EB

Shades

#5C6475 #4F5564 #414753 #31363F #24272E #16181D

Use #697286 in Our Tools

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