#355F79 Color

#355F79 is rgb(53, 95, 121) in RGB and hsl(203, 39%, 34%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#355F79

HEX#355F79

RGBrgb(53, 95, 121)

HSLhsl(203, 39%, 34%)

HSVhsv(203, 56%, 47%)

OKLCHoklch(46.6% 0.063 237.4)

CMYKcmyk(56%, 21%, 0%, 53%)

Text Contrast & Accessibility

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

TextWhite text6.85:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.06:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#355F79 Complementary#794F35 Analogous#357971 Analogous#353D79 Triadic#79355F Triadic#5F7935

Tints & Shades

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

Tints

#437898 #5590B4 #75A5C2 #98BCD2 #B8D1E0 #D8E6EE

Shades

#2F536A #274659 #213A4A #1A2F3C #14242E #0C161C

Use #355F79 in Our Tools

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