#148046 Color

#148046 is rgb(20, 128, 70) in RGB and hsl(148, 73%, 29%) in HSL. The closest CSS named color is SeaGreen. White text is most readable on this background.

#148046

HEX#148046

RGBrgb(20, 128, 70)

HSLhsl(148, 73%, 29%)

HSVhsv(148, 84%, 50%)

OKLCHoklch(52.9% 0.129 153.2)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#148046 Complementary#80144E Analogous#188014 Analogous#14807C Triadic#461480 Triadic#804614

Tints & Shades

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

Tints

#1BAC5F #22D877 #4AE391 #72E9A9 #9EF0C4 #CAF7DF

Shades

#116E3D #0F6135 #0C4F2C #0A4224 #08311B #062313

Use #148046 in Our Tools

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