#54E3DC Color

#54E3DC is rgb(84, 227, 220) in RGB and hsl(177, 72%, 61%) in HSL. The closest CSS named color is Turquoise. Black text is most readable on this background.

#54E3DC

HEX#54E3DC

RGBrgb(84, 227, 220)

HSLhsl(177, 72%, 61%)

HSVhsv(177, 63%, 89%)

OKLCHoklch(83.8% 0.122 190.5)

CMYKcmyk(63%, 0%, 3%, 11%)

Text Contrast & Accessibility

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

TextWhite text1.57:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text13.4:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#54E3DC Complementary#E3545B Analogous#54E394 Analogous#54A3E3 Triadic#DC54E3 Triadic#E3DC54

Tints & Shades

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

Tints

#6AE7E0 #84EBE6 #9AEFEA #B0F2EF #C6F6F3 #E0FAF9

Shades

#31DDD5 #20C5BD #1AA29B #147B76 #0E5854 #093532

Use #54E3DC in Our Tools

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