#14524C Color

#14524C is rgb(20, 82, 76) in RGB and hsl(174, 61%, 20%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#14524C

HEX#14524C

RGBrgb(20, 82, 76)

HSLhsl(174, 61%, 20%)

HSVhsv(174, 76%, 32%)

OKLCHoklch(39.9% 0.062 185.6)

CMYKcmyk(76%, 0%, 7%, 68%)

Text Contrast & Accessibility

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

TextWhite text8.97:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.34:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#14524C Complementary#52141A Analogous#14522D Analogous#143952 Triadic#4C1452 Triadic#524C14

Tints & Shades

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

Tints

#1F7F76 #2AAC9F #3ED0C2 #6FDCD1 #9CE7E0 #CAF2EE

Shades

#124A44 #0F3E39 #0D3531 #0B2D2A #092522 #061917

Use #14524C in Our Tools

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