#353B2F

Color Details

HEX
#353B2F
RGB
rgb(53, 59, 47)
HSL
hsl(90, 11%, 21%)
CMYK
cmyk(10%, 0%, 20%, 77%)
Best text on this color #FFFFFF (CR 11.55:1) Determined by WCAG contrast ratio

Readability Previews

Black on #353b2f
Contrast 1.82:1 Fail
White on #353b2f
Contrast 11.55:1 AAA
#353b2f on Black
Contrast 1.82:1 Fail
#353b2f on White
Contrast 11.55:1 AAA

Tints & Shades

#5d6259
#868982
#aeb1ac
#2a2f26
#20231c
#151813

Complement & Analogous

#36303b
#2a412a
#41412a

Triadic

#30363b
#3b3036

Monochrome

#151813 #20231c #353b2f #868982 #aeb1ac #d7d8d5

Analogous

#41412a #7a7a6a #353b2f #556755 #2a412a #223422

Complementary Mix

#20231c #353b2f #868982 #36303b #7c7880 #231f26

Nearby Colors

#353b2e
#353b30
#353b1f
#353b3f

Embed #353B2F swatch

Embed this swatch

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

Open image

About #353B2F

#353B2F converts to RGB(53, 59, 47) and HSL(90, 11%, 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).

#353B2F FAQs

What is the RGB value of #353B2F?
RGB: 53, 59, 47. Copy as CSS: rgb(53, 59, 47)
Is #353B2F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #353B2F?
Complement: #36303b.
Does #353B2F have good contrast on white or black?
On white: 11.55:1 (AAA (normal text)). On black: 1.82:1 (Fails AA).