#2E656B Color

#2E656B is rgb(46, 101, 107) in RGB and hsl(186, 40%, 30%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#2E656B

HEX#2E656B

RGBrgb(46, 101, 107)

HSLhsl(186, 40%, 30%)

HSVhsv(186, 57%, 42%)

OKLCHoklch(47.2% 0.059 204.9)

CMYKcmyk(57%, 6%, 0%, 58%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#2E656B Complementary#6B342E Analogous#2E6B53 Analogous#2E466B Triadic#6B2E65 Triadic#656B2E

Tints & Shades

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

Tints

#3D878F #4BA5AF #6DB8C0 #90C9D0 #B4DBDF #D4EAED

Shades

#28585D #234D52 #1D4044 #173236 #112527 #0C1B1D

Use #2E656B in Our Tools

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