#077878 Color

#077878 is rgb(7, 120, 120) in RGB and hsl(180, 89%, 25%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#077878

HEX#077878

RGBrgb(7, 120, 120)

HSLhsl(180, 89%, 25%)

HSVhsv(180, 94%, 47%)

OKLCHoklch(51.9% 0.087 194.8)

CMYKcmyk(94%, 0%, 0%, 53%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#077878 Complementary#780707 Analogous#077840 Analogous#074078 Triadic#780778 Triadic#787807

Tints & Shades

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

Tints

#0AA9A9 #0DDEDE #2BF3F3 #60F6F6 #90F9F9 #C5FCFC

Shades

#066A6A #055C5C #044D4D #043F3F #033030 #022222

Use #077878 in Our Tools

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