#35644F Color

#35644F is rgb(53, 100, 79) in RGB and hsl(153, 31%, 30%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#35644F

HEX#35644F

RGBrgb(53, 100, 79)

HSLhsl(153, 31%, 30%)

HSVhsv(153, 47%, 39%)

OKLCHoklch(46.3% 0.063 163.4)

CMYKcmyk(47%, 0%, 21%, 61%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#35644F Complementary#64354A Analogous#356437 Analogous#356264 Triadic#4F3564 Triadic#644F35

Tints & Shades

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

Tints

#468669 #56A481 #76B79A #97C8B2 #B9DACB #D7EAE1

Shades

#2E5744 #284D3C #213F32 #1A3227 #13251D #0E1B15

Use #35644F in Our Tools

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