#147580 Color

#147580 is rgb(20, 117, 128) in RGB and hsl(186, 73%, 29%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#147580

HEX#147580

RGBrgb(20, 117, 128)

HSLhsl(186, 73%, 29%)

HSVhsv(186, 84%, 50%)

OKLCHoklch(51.6% 0.084 206.9)

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

Text Contrast & Accessibility

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

TextWhite text5.4:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#147580 Complementary#801F14 Analogous#148055 Analogous#143F80 Triadic#801475 Triadic#758014

Tints & Shades

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

Tints

#1B9EAC #22C6D8 #4AD4E3 #72DDE9 #9EE8F0 #CAF2F7

Shades

#11656E #0F5961 #0C494F #0A3D42 #082C31 #062023

Use #147580 in Our Tools

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