#012150 Color

#012150 is rgb(1, 33, 80) in RGB and hsl(216, 98%, 16%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#012150

HEX#012150

RGBrgb(1, 33, 80)

HSLhsl(216, 98%, 16%)

HSVhsv(216, 99%, 31%)

OKLCHoklch(25.9% 0.094 258.2)

CMYKcmyk(99%, 59%, 0%, 69%)

Text Contrast & Accessibility

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

TextWhite text15.73:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#012150 Complementary#513101 Analogous#014951 Analogous#090151 Triadic#510121 Triadic#215101

Tints & Shades

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

Tints

#01398D #0250C5 #086AFD #448EFD #81B3FE #B8D4FE

Shades

#011D47 #011B42 #011738 #00122D #000E23 #000C1E

Use #012150 in Our Tools

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