#148536 Color

#148536 is rgb(20, 133, 54) in RGB and hsl(138, 74%, 30%) in HSL. The closest CSS named color is ForestGreen. White text is most readable on this background.

#148536

HEX#148536

RGBrgb(20, 133, 54)

HSLhsl(138, 74%, 30%)

HSVhsv(138, 85%, 52%)

OKLCHoklch(54% 0.15 147.7)

CMYKcmyk(85%, 0%, 59%, 48%)

Text Contrast & Accessibility

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

TextWhite text4.73:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.44:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#148536 Complementary#851463 Analogous#2B8514 Analogous#14856E Triadic#361485 Triadic#853614

Tints & Shades

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

Tints

#1BB148 #20D958 #49E478 #75EA99 #A2F1BA #CAF7D7

Shades

#11732F #0F6629 #0D5422 #0A431B #073114 #05230E

Use #148536 in Our Tools

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