#138682 Color

#138682 is rgb(19, 134, 130) in RGB and hsl(178, 75%, 30%) in HSL. The closest CSS named color is Teal. Black text is most readable on this background.

#138682

HEX#138682

RGBrgb(19, 134, 130)

HSLhsl(178, 75%, 30%)

HSVhsv(178, 86%, 53%)

OKLCHoklch(56.2% 0.093 191)

CMYKcmyk(86%, 0%, 3%, 47%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#138682 Complementary#861317 Analogous#138649 Analogous#135086 Triadic#821386 Triadic#868213

Tints & Shades

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

Tints

#19B3AD #1FDBD4 #48E5E0 #75EBE7 #A1F2EF #C9F7F6

Shades

#117471 #0F6764 #0C5552 #0A4341 #073130 #052423

Use #138682 in Our Tools

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