#56769F Color

#56769F is rgb(86, 118, 159) in RGB and hsl(214, 30%, 48%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#56769F

HEX#56769F

RGBrgb(86, 118, 159)

HSLhsl(214, 30%, 48%)

HSVhsv(214, 46%, 62%)

OKLCHoklch(55.8% 0.074 255)

CMYKcmyk(46%, 26%, 0%, 38%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#56769F Complementary#9F7F56 Analogous#569A9F Analogous#5B569F Triadic#9F5676 Triadic#769F56

Tints & Shades

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

Tints

#6A88AF #819ABB #98ADC8 #B3C2D6 #CAD5E2 #E1E7EF

Shades

#4B678B #3E5674 #344760 #29384C #1E2A38 #121821

Use #56769F in Our Tools

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