#14116A Color

#14116A is rgb(20, 17, 106) in RGB and hsl(242, 72%, 24%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#14116A

HEX#14116A

RGBrgb(20, 17, 106)

HSLhsl(242, 72%, 24%)

HSVhsv(242, 84%, 42%)

OKLCHoklch(26.6% 0.145 272.1)

CMYKcmyk(81%, 84%, 0%, 58%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#14116A Complementary#666911 Analogous#113A69 Analogous#401169 Triadic#691411 Triadic#116914

Tints & Shades

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

Tints

#1D199A #2620C5 #433EE0 #6E6AE7 #9D9AEF #C8C6F6

Shades

#120F5C #0F0D4F #0D0B42 #0B0939 #08072C #06051F

Use #14116A in Our Tools

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