#05A885 Color

#05A885 is rgb(5, 168, 133) in RGB and hsl(167, 94%, 34%) in HSL. The closest CSS named color is DarkCyan. Black text is most readable on this background.

#05A885

HEX#05A885

RGBrgb(5, 168, 133)

HSLhsl(167, 94%, 34%)

HSVhsv(167, 97%, 66%)

OKLCHoklch(65.2% 0.127 170.9)

CMYKcmyk(97%, 0%, 21%, 34%)

Text Contrast & Accessibility

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

TextWhite text3.02:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.95:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#05A885 Complementary#A80529 Analogous#05A833 Analogous#057AA8 Triadic#8505A8 Triadic#A88505

Tints & Shades

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

Tints

#07D5A8 #12F8C6 #3EF9D1 #70FBDC #9CFCE7 #C9FDF2

Shades

#059475 #047C62 #036852 #035442 #024033 #01281F

Use #05A885 in Our Tools

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