#146B2A Color

#146B2A is rgb(20, 107, 42) in RGB and hsl(135, 69%, 25%) in HSL. The closest CSS named color is ForestGreen. White text is most readable on this background.

#146B2A

HEX#146B2A

RGBrgb(20, 107, 42)

HSLhsl(135, 69%, 25%)

HSVhsv(135, 81%, 42%)

OKLCHoklch(46.3% 0.127 147.1)

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

Text Contrast & Accessibility

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

TextWhite text6.63:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.17:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#146B2A Complementary#6C1456 Analogous#2A6C14 Analogous#146C56 Triadic#2A146C Triadic#6C2A14

Tints & Shades

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

Tints

#1C973A #24C64D #41DC68 #71E58E #9CEDB0 #CBF6D6

Shades

#115F25 #0F5220 #0D451B #0A3816 #082B11 #061E0C

Use #146B2A in Our Tools

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