#342F2B

#342F2B

Color Values

HEX

#342F2B

RGB

52, 47, 43

HSL

26.7, 9.5%, 18.6%

HSV

26.7, 17.3%, 20.4%

CMYK

0.0%, 9.6%, 17.3%, 79.6%

OKLCH

0.3091 0.0101 61.1

Properties

Warm Dark Nearest: RAL 7022 Umbra Grey

Color Harmonies

Complementary

#342F2B

#2B3034

Analogous

#342B2B

#34332B

#342F2B

Triadic

#342F2B

#2B342F

#2F2B34

Split Complementary

#342F2B

#2B3433

#2B2B34

Tetradic

#342F2B

#2B342B

#2B3034

#332B34

Color Blindness Simulation

Original

#342F2B

Protanopia

#32322C

Deuteranopia

#32322C

Tritanopia

#342D2D

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEC
200
#DFDBD8
300
#C8C1BC
400
#AAA098
500
#8C7E73
600
#70655C
700
#59514A
800
#463F3A
900
#35302C
950
#211E1C

Contrast Checker

Text on white

13.23:1

AA Pass AAA Pass

Text on black

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