#148581 Color

#148581 is rgb(20, 133, 129) in RGB and hsl(178, 74%, 30%) in HSL. The closest CSS named color is Teal. Black text is most readable on this background.

#148581

HEX#148581

RGBrgb(20, 133, 129)

HSLhsl(178, 74%, 30%)

HSVhsv(178, 85%, 52%)

OKLCHoklch(55.9% 0.092 191)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#148581 Complementary#851418 Analogous#148549 Analogous#145085 Triadic#811485 Triadic#858114

Tints & Shades

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

Tints

#1BB1AC #20D9D3 #49E4DF #75EAE7 #A2F1EE #CAF7F6

Shades

#117370 #0F6663 #0D5452 #0A4341 #07312F #052322

Use #148581 in Our Tools

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