Navy (#000080)

Navy is rgb(0, 0, 128) in RGB and hsl(240, 100%, 25%) in HSL. White text is most readable on this background.

#000080
HEX#000080
RGBrgb(0, 0, 128)
HSLhsl(240, 100%, 25%)
HSVhsv(240, 100%, 50%)
OKLCHoklch(27.1% 0.188 264.1)
CMYKcmyk(100%, 100%, 0%, 50%)

Text Contrast & Accessibility

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

TextWhite text16.01:1AA normal ✓AA large ✓AAA normal ✓
TextBlack text1.31:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#000080Complementary#7F8000Analogous#004080Analogous#400080Triadic#800000Triadic#008000

Tints & Shades

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

Use Navy in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex