#053F66 Color

#053F66 is rgb(5, 63, 102) in RGB and hsl(204, 91%, 21%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#053F66

HEX#053F66

RGBrgb(5, 63, 102)

HSLhsl(204, 91%, 21%)

HSVhsv(204, 95%, 40%)

OKLCHoklch(35.6% 0.087 245.5)

CMYKcmyk(95%, 38%, 0%, 60%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#053F66 Complementary#662C05 Analogous#05665D Analogous#050F66 Triadic#66053F Triadic#3F6605

Tints & Shades

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

Tints

#07609C #0A82D1 #1F9FF4 #55B6F7 #8ACDF9 #C0E4FC

Shades

#04395D #04304E #032A44 #032136 #021B2C #01121D

Use #053F66 in Our Tools

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