#354E2C

Color Details

HEX
#354E2C
RGB
rgb(53, 78, 44)
HSL
hsl(104, 28%, 24%)
CMYK
cmyk(32%, 0%, 44%, 69%)
Best text on this color #FFFFFF (CR 9.22:1) Determined by WCAG contrast ratio

Readability Previews

Black on #354e2c
Contrast 2.28:1 Fail
White on #354e2c
Contrast 9.22:1 AAA
#354e2c on Black
Contrast 2.28:1 Fail
#354e2c on White
Contrast 9.22:1 AAA

Tints & Shades

#5d7156
#869580
#aeb8ab
#2a3e23
#202f1a
#151f12

Complement & Analogous

#452c4e
#2c4e34
#464e2c

Triadic

#2c354e
#4e2c35

Monochrome

#151f12 #202f1a #354e2c #869580 #aeb8ab #d7dcd5

Analogous

#464e2c #7e836b #354e2c #56715d #2c4e34 #233e2a

Complementary Mix

#202f1a #354e2c #869580 #452c4e #86768c #2d1d33

Nearby Colors

#354e2b
#354e2d
#354e1c
#354e3c

Embed #354E2C swatch

Embed this swatch

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

Open image

About #354E2C

#354E2C converts to RGB(53, 78, 44) and HSL(104, 28%, 24%). 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).

#354E2C FAQs

What is the RGB value of #354E2C?
RGB: 53, 78, 44. Copy as CSS: rgb(53, 78, 44)
Is #354E2C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #354E2C?
Complement: #452c4e.
Does #354E2C have good contrast on white or black?
On white: 9.22:1 (AAA (normal text)). On black: 2.28:1 (Fails AA).