#53978A Color

#53978A is rgb(83, 151, 138) in RGB and hsl(169, 29%, 46%) in HSL. The closest CSS named color is CadetBlue. Black text is most readable on this background.

#53978A

HEX#53978A

RGBrgb(83, 151, 138)

HSLhsl(169, 29%, 46%)

HSVhsv(169, 45%, 59%)

OKLCHoklch(62.8% 0.072 180)

CMYKcmyk(45%, 0%, 9%, 41%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#53978A Complementary#975360 Analogous#539769 Analogous#538297 Triadic#8B5397 Triadic#978B53

Tints & Shades

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

Tints

#64AA9D #7FB8AE #96C5BC #B0D4CD #C7E0DC #E1EFEC

Shades

#488479 #3E7067 #335C55 #284842 #1D3530 #12211E

Use #53978A in Our Tools

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