#004966 Color

#004966 is rgb(0, 73, 102) in RGB and hsl(197, 100%, 20%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#004966

HEX#004966

RGBrgb(0, 73, 102)

HSLhsl(197, 100%, 20%)

HSVhsv(197, 100%, 40%)

OKLCHoklch(38.2% 0.079 233.4)

CMYKcmyk(100%, 28%, 0%, 60%)

Text Contrast & Accessibility

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

TextWhite text9.79:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.14:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#004966 Complementary#661D00 Analogous#006650 Analogous#001666 Triadic#660049 Triadic#496600

Tints & Shades

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

Tints

#00719E #009AD6 #0FBBFF #4DCCFF #85DCFF #BDECFF

Shades

#00425C #00374D #003042 #002838 #00212E #00161F

Use #004966 in Our Tools

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