#05766A Color

#05766A is rgb(5, 118, 106) in RGB and hsl(174, 92%, 24%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#05766A

HEX#05766A

RGBrgb(5, 118, 106)

HSLhsl(174, 92%, 24%)

HSVhsv(174, 96%, 46%)

OKLCHoklch(50.8% 0.09 182.6)

CMYKcmyk(96%, 0%, 10%, 54%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#05766A Complementary#760510 Analogous#057632 Analogous#054876 Triadic#6A0576 Triadic#766A05

Tints & Shades

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

Tints

#07AB9B #09DCC7 #28F6E1 #59F8E8 #8EFAF0 #BFFCF6

Shades

#04675D #045850 #034942 #03403A #02312C #01221F

Use #05766A in Our Tools

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