#342C21

#342C21

Color Values

HEX

#342C21

RGB

52, 44, 33

HSL

34.7, 22.4%, 16.7%

HSV

34.7, 36.5%, 20.4%

CMYK

0.0%, 15.4%, 36.5%, 79.6%

OKLCH

0.2984 0.0222 75.5

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#342C21

#212934

Analogous

#342321

#333421

#342C21

Triadic

#342C21

#21342C

#2C2134

Split Complementary

#342C21

#213334

#232134

Tetradic

#342C21

#213423

#212934

#342133

Color Blindness Simulation

Original

#342C21

Protanopia

#313024

Deuteranopia

#313224

Tritanopia

#342626

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EEEA
200
#E3DDD3
300
#D0C4B4
400
#B6A48C
500
#9C8463
600
#7D6A4F
700
#64543F
800
#4E4231
900
#3A3227
950
#252018

Contrast Checker

Text on white

13.74:1

AA Pass AAA Pass

Text on black

1.53: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