#143D2A Color

#143D2A is rgb(20, 61, 42) in RGB and hsl(152, 51%, 16%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#143D2A

HEX#143D2A

RGBrgb(20, 61, 42)

HSLhsl(152, 51%, 16%)

HSVhsv(152, 67%, 24%)

OKLCHoklch(32.5% 0.057 160.4)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#143D2A Complementary#3E1427 Analogous#143E15 Analogous#143C3E Triadic#2A143E Triadic#3E2A14

Tints & Shades

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

Tints

#236C4A #319667 #42C286 #71D1A4 #9FE0C1 #C9EEDD

Shades

#113625 #103222 #0E2A1D #0B2318 #091B12 #071710

Use #143D2A in Our Tools

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