#2F655F Color

#2F655F is rgb(47, 101, 95) in RGB and hsl(173, 36%, 29%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#2F655F

HEX#2F655F

RGBrgb(47, 101, 95)

HSLhsl(173, 36%, 29%)

HSVhsv(173, 53%, 40%)

OKLCHoklch(46.8% 0.058 185.9)

CMYKcmyk(53%, 0%, 6%, 60%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#2F655F Complementary#652F36 Analogous#2F6544 Analogous#2F5065 Triadic#5E2F65 Triadic#655E2F

Tints & Shades

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

Tints

#40877F #50AA9F #71BCB3 #90CBC4 #B3DBD6 #D5EBE9

Shades

#295751 #244C48 #1D3E3B #183431 #122624 #0D1C1A

Use #2F655F in Our Tools

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