#342622

#342622

Color Values

HEX

#342622

RGB

52, 38, 34

HSL

13.3, 20.9%, 16.9%

HSV

13.3, 34.6%, 20.4%

CMYK

0.0%, 26.9%, 34.6%, 79.6%

OKLCH

0.2838 0.0226 36.5

Properties

Warm Dark Nearest: RAL 7022 Umbra Grey

Color Harmonies

Complementary

#342622

#223034

Analogous

#342227

#342F22

#342622

Triadic

#342622

#223426

#262234

Split Complementary

#342622

#22342F

#222734

Tetradic

#342622

#273422

#223034

#2F2234

Color Blindness Simulation

Original

#342622

Protanopia

#2E2E23

Deuteranopia

#2F3023

Tritanopia

#332424

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0EBEA
200
#E3D7D4
300
#CFBBB5
400
#B4968D
500
#9A7165
600
#7B5A51
700
#634841
800
#4D3832
900
#3A2B27
950
#241B19

Contrast Checker

Text on white

14.52:1

AA Pass AAA Pass

Text on black

1.45:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026