#0C49AC Color

#0C49AC is rgb(12, 73, 172) in RGB and hsl(217, 87%, 36%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#0C49AC

HEX#0C49AC

RGBrgb(12, 73, 172)

HSLhsl(217, 87%, 36%)

HSVhsv(217, 93%, 67%)

OKLCHoklch(43.5% 0.169 260.5)

CMYKcmyk(93%, 58%, 0%, 33%)

Text Contrast & Accessibility

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

TextWhite text8.19:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#0C49AC Complementary#AC6E0C Analogous#0C99AC Analogous#1F0CAC Triadic#AC0C49 Triadic#49AC0C

Tints & Shades

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

Tints

#0F5BD7 #2472F0 #4F8DF3 #75A6F5 #A0C2F8 #CBDDFB

Shades

#0A3F94 #093781 #072D69 #062556 #041A3E #03122B

Use #0C49AC in Our Tools

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