#342A18

#342A18

Color Values

HEX

#342A18

RGB

52, 42, 24

HSL

38.6, 36.8%, 14.9%

HSV

38.6, 53.8%, 20.4%

CMYK

0.0%, 19.2%, 53.8%, 79.6%

OKLCH

0.2911 0.0332 81.5

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#342A18

#182234

Analogous

#341C18

#303418

#342A18

Triadic

#342A18

#18342A

#2A1834

Split Complementary

#342A18

#183034

#1C1834

Tetradic

#342A18

#18341C

#182234

#341830

Color Blindness Simulation

Original

#342A18

Protanopia

#30301C

Deuteranopia

#30311D

Tritanopia

#342021

Achromatopsia

#2B2B2B

CSS Usage

background-color: #342A18;
color: #342A18;
border-color: #342A18;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#FAF8F5
100
#F3EFE8
200
#E8DFCE
300
#D8C8AB
400
#C3AB7E
500
#AE8D51
600
#8C7140
700
#705A34
800
#574628
900
#403520
950
#292214

Contrast Checker

Text on white

14.09:1

AA Pass AAA Pass

Text on black

1.49:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026