#526A89 Color

#526A89 is rgb(82, 106, 137) in RGB and hsl(214, 25%, 43%) in HSL. The closest CSS named color is SlateGray. White text is most readable on this background.

#526A89

HEX#526A89

RGBrgb(82, 106, 137)

HSLhsl(214, 25%, 43%)

HSVhsv(214, 40%, 54%)

OKLCHoklch(51.8% 0.057 255.1)

CMYKcmyk(40%, 23%, 0%, 46%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#526A89 Complementary#897152 Analogous#528589 Analogous#565289 Triadic#89526A Triadic#6A8952

Tints & Shades

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

Tints

#637EA1 #7C93B1 #96A8C0 #ACBACD #C6D0DD #DFE5EC

Shades

#475B76 #3D4F66 #324053 #283443 #1D2530 #131920

Use #526A89 in Our Tools

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