#355F5A Color

#355F5A is rgb(53, 95, 90) in RGB and hsl(173, 28%, 29%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#355F5A

HEX#355F5A

RGBrgb(53, 95, 90)

HSLhsl(173, 28%, 29%)

HSVhsv(173, 44%, 37%)

OKLCHoklch(45.3% 0.048 185.9)

CMYKcmyk(44%, 0%, 5%, 63%)

Text Contrast & Accessibility

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

TextWhite text7.15:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#355F5A Complementary#5F353A Analogous#355F45 Analogous#354F5F Triadic#5A355F Triadic#5F5A35

Tints & Shades

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

Tints

#487F79 #5AA098 #79B4AD #97C4BF #B7D7D3 #D8E9E7

Shades

#2E524D #284844 #213B38 #1C312E #142422 #0F1A19

Use #355F5A in Our Tools

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