#353D2E

Color Details

HEX
#353D2E
RGB
rgb(53, 61, 46)
HSL
hsl(92, 14%, 21%)
CMYK
cmyk(13%, 0%, 25%, 76%)
Best text on this color #FFFFFF (CR 11.30:1) Determined by WCAG contrast ratio

Readability Previews

Black on #353d2e
Contrast 1.86:1 Fail
White on #353d2e
Contrast 11.30:1 AAA
#353d2e on Black
Contrast 1.86:1 Fail
#353d2e on White
Contrast 11.30:1 AAA

Tints & Shades

#5d6458
#868b82
#aeb1ab
#2a3125
#20251c
#151812

Complement & Analogous

#362e3d
#2a412b
#41412a

Triadic

#2e353d
#3d2e35

Monochrome

#151812 #20251c #353d2e #868b82 #aeb1ab #d7d8d5

Analogous

#41412a #7a7a6a #353d2e #556755 #2a412b #223422

Complementary Mix

#20251c #353d2e #868b82 #362e3d #7c7781 #231e28

Nearby Colors

#353d2d
#353d2f
#353d1e
#353d3e

Embed #353D2E swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #353D2E

#353D2E converts to RGB(53, 61, 46) and HSL(92, 14%, 21%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#353D2E FAQs

What is the RGB value of #353D2E?
RGB: 53, 61, 46. Copy as CSS: rgb(53, 61, 46)
Is #353D2E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #353D2E?
Complement: #362e3d.
Does #353D2E have good contrast on white or black?
On white: 11.30:1 (AAA (normal text)). On black: 1.86:1 (Fails AA).