#0C143C Color

#0C143C is rgb(12, 20, 60) in RGB and hsl(230, 67%, 14%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#0C143C

HEX#0C143C

RGBrgb(12, 20, 60)

HSLhsl(230, 67%, 14%)

HSVhsv(230, 80%, 24%)

OKLCHoklch(21.3% 0.077 270)

CMYKcmyk(80%, 67%, 0%, 76%)

Text Contrast & Accessibility

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

TextWhite text17.78:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.18:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#0C143C Complementary#3C340C Analogous#0C2C3C Analogous#1C0C3C Triadic#3C0C14 Triadic#143C0C

Tints & Shades

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

Tints

#16256F #2036A2 #2A47D5 #5D73DF #909FE9 #C3CBF3

Shades

#0B1237 #09102F #080E2B #070B22 #060A1E #040715

Use #0C143C in Our Tools

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