#0062AD Color

#0062AD is rgb(0, 98, 173) in RGB and hsl(206, 100%, 34%) in HSL. The closest CSS named color is DarkCyan. White text is most readable on this background.

#0062AD

HEX#0062AD

RGBrgb(0, 98, 173)

HSLhsl(206, 100%, 34%)

HSVhsv(206, 100%, 68%)

OKLCHoklch(49.1% 0.142 250.8)

CMYKcmyk(100%, 43%, 0%, 32%)

Text Contrast & Accessibility

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

TextWhite text6.27:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.35:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#0062AD Complementary#AD4B00 Analogous#00ADA2 Analogous#000CAD Triadic#AD0062 Triadic#62AD00

Tints & Shades

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

Tints

#007CDB #0A95FF #38A9FF #6BBFFF #99D3FF #C7E7FF

Shades

#005799 #004880 #003D6B #003157 #002642 #001729

Use #0062AD in Our Tools

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