#077366 Color

#077366 is rgb(7, 115, 102) in RGB and hsl(173, 89%, 24%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#077366

HEX#077366

RGBrgb(7, 115, 102)

HSLhsl(173, 89%, 24%)

HSVhsv(173, 94%, 45%)

OKLCHoklch(49.9% 0.088 181.3)

CMYKcmyk(94%, 0%, 11%, 55%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#077366 Complementary#740713 Analogous#077430 Analogous#074A74 Triadic#670774 Triadic#746707

Tints & Shades

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

Tints

#0AA996 #0DD9C1 #2BF3DB #5BF5E3 #90F9EC #C0FBF4

Shades

#06655A #05574D #044840 #043F38 #03302B #02221E

Use #077366 in Our Tools

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