#053C71 Color

#053C71 is rgb(5, 60, 113) in RGB and hsl(209, 92%, 23%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#053C71

HEX#053C71

RGBrgb(5, 60, 113)

HSLhsl(209, 92%, 23%)

HSVhsv(209, 96%, 44%)

OKLCHoklch(35.6% 0.105 253.2)

CMYKcmyk(96%, 47%, 0%, 56%)

Text Contrast & Accessibility

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

TextWhite text11.1:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.89:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#053C71 Complementary#713905 Analogous#05716F Analogous#050671 Triadic#71053C Triadic#3C7105

Tints & Shades

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

Tints

#0759A6 #0974D7 #2390F6 #59ABF8 #8EC6FA #BFDFFC

Shades

#043562 #042F58 #032749 #02203B #02182C #011222

Use #053C71 in Our Tools

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