#0C497E Color

#0C497E is rgb(12, 73, 126) in RGB and hsl(208, 83%, 27%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#0C497E

HEX#0C497E

RGBrgb(12, 73, 126)

HSLhsl(208, 83%, 27%)

HSVhsv(208, 90%, 49%)

OKLCHoklch(39.9% 0.106 250.6)

CMYKcmyk(90%, 42%, 0%, 51%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#0C497E Complementary#7E410C Analogous#0C7E7A Analogous#0C107E Triadic#7E0C49 Triadic#497E0C

Tints & Shades

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

Tints

#1064AD #147EDB #3697EC #6AB2F1 #98CAF5 #C7E2FA

Shades

#0A4170 #09365D #072E4F #062641 #051E33 #031321

Use #0C497E in Our Tools

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