#18D8B8 Color

#18D8B8 is rgb(24, 216, 184) in RGB and hsl(170, 80%, 47%) in HSL. The closest CSS named color is DarkTurquoise. Black text is most readable on this background.

#18D8B8

HEX#18D8B8

RGBrgb(24, 216, 184)

HSLhsl(170, 80%, 47%)

HSVhsv(170, 89%, 85%)

OKLCHoklch(79% 0.144 176.6)

CMYKcmyk(89%, 0%, 15%, 15%)

Text Contrast & Accessibility

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

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

TextBlack text11.55:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#18D8B8 Complementary#D81838 Analogous#18D858 Analogous#1898D8 Triadic#B818D8 Triadic#D8B818

Tints & Shades

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

Tints

#2CE8C8 #51ECD2 #71EFDA #91F3E2 #B1F6EB #D6FAF4

Shades

#15BCA0 #12A189 #0F8571 #0B6556 #08493F #052E27

Use #18D8B8 in Our Tools

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