#142D80 Color

#142D80 is rgb(20, 45, 128) in RGB and hsl(226, 73%, 29%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#142D80

HEX#142D80

RGBrgb(20, 45, 128)

HSLhsl(226, 73%, 29%)

HSVhsv(226, 84%, 50%)

OKLCHoklch(33.9% 0.143 265.8)

CMYKcmyk(84%, 65%, 0%, 50%)

Text Contrast & Accessibility

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

TextWhite text12.23:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#142D80 Complementary#806714 Analogous#146380 Analogous#311480 Triadic#80142D Triadic#2D8014

Tints & Shades

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

Tints

#1B3DAC #224CD8 #4A6EE3 #728EE9 #9EB1F0 #CAD4F7

Shades

#11276E #0F2261 #0C1C4F #0A1742 #081131 #060C23

Use #142D80 in Our Tools

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