CadetBlue (#5F9EA0)

CadetBlue is rgb(95, 158, 160) in RGB and hsl(182, 25%, 50%) in HSL. Black text is most readable on this background.

#5F9EA0
HEX#5F9EA0
RGBrgb(95, 158, 160)
HSLhsl(182, 25%, 50%)
HSVhsv(182, 41%, 63%)
OKLCHoklch(65.8% 0.065 198.3)
CMYKcmyk(41%, 1%, 0%, 37%)

Text Contrast & Accessibility

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

TextWhite text3.05:1AA normal ✗AA large ✓AAA normal ✗
TextBlack text6.88:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#5F9EA0Complementary#9F6260Analogous#609F82Analogous#607D9FTriadic#9F609DTriadic#9D9F60

Tints & Shades

Lighter tints and darker shades of CadetBlue, useful for hover states, backgrounds, and text variants.

Use CadetBlue in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex