#343A1C

Color Details

HEX
#343A1C
RGB
rgb(52, 58, 28)
HSL
hsl(72, 35%, 17%)
CMYK
cmyk(10%, 0%, 52%, 77%)
Best text on this color #FFFFFF (CR 11.88:1) Determined by WCAG contrast ratio

Readability Previews

Black on #343a1c
Contrast 1.77:1 Fail
White on #343a1c
Contrast 11.88:1 AAA
#343a1c on Black
Contrast 1.77:1 Fail
#343a1c on White
Contrast 11.88:1 AAA

Tints & Shades

#5d6149
#858977
#aeb0a4
#2a2e16
#1f2311
#15170b

Complement & Analogous

#221c3b
#253b1c
#3b311c

Triadic

#1c343b
#3b1c34

Monochrome

#15170b #1f2311 #343a1c #858977 #aeb0a4 #d6d8d2

Analogous

#3b311c #766f60 #343a1c #516249 #253b1c #1e2f16

Complementary Mix

#1f2311 #343a1c #858977 #221c3b #6f6b80 #161226

Nearby Colors

#343a1b
#343a1d
#343a0c
#343a2c

Embed #343A1C swatch

Embed this swatch

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

Open image

About #343A1C

#343A1C converts to RGB(52, 58, 28) and HSL(72, 35%, 17%). 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).

#343A1C FAQs

What is the RGB value of #343A1C?
RGB: 52, 58, 28. Copy as CSS: rgb(52, 58, 28)
Is #343A1C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #343A1C?
Complement: #221c3b.
Does #343A1C have good contrast on white or black?
On white: 11.88:1 (AAA (normal text)). On black: 1.77:1 (Fails AA).