#2C7D7B Color

#2C7D7B is rgb(44, 125, 123) in RGB and hsl(179, 48%, 33%) in HSL. The closest CSS named color is SeaGreen. White text is most readable on this background.

#2C7D7B

HEX#2C7D7B

RGBrgb(44, 125, 123)

HSLhsl(179, 48%, 33%)

HSVhsv(179, 65%, 49%)

OKLCHoklch(54.1% 0.077 192.8)

CMYKcmyk(65%, 0%, 2%, 51%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#2C7D7B Complementary#7D2C2D Analogous#2C7D53 Analogous#2C557D Triadic#7B2C7D Triadic#7D7B2C

Tints & Shades

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

Tints

#389F9D #4ABFBD #6CCBCA #8ED7D6 #B0E3E2 #D5F0F0

Shades

#266D6C #215E5D #1C4F4E #153C3C #102D2D #0B1E1E

Use #2C7D7B in Our Tools

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