#434336

#434336

Color Values

HEX

#434336

RGB

67, 67, 54

HSL

60.0, 10.7%, 23.7%

HSV

60.0, 19.4%, 26.3%

CMYK

0.0%, 0.0%, 19.4%, 73.7%

OKLCH

0.3787 0.0213 107.4

Properties

Warm Dark Nearest: RAL 6006 Grey Olive

Color Harmonies

Complementary

#434336

#363643

Analogous

#433C36

#3C4336

#434336

Triadic

#434336

#364343

#433643

Split Complementary

#434336

#363C43

#3C3643

Tetradic

#434336

#36433C

#363643

#43363C

Color Blindness Simulation

Original

#434336

Protanopia

#434339

Deuteranopia

#43433A

Tritanopia

#433C3C

Achromatopsia

#424242

CSS Usage

background-color: #434336;
color: #434336;
border-color: #434336;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F8F8F7
100
#EFEFEC
200
#DFDFD7
300
#C8C8BB
400
#ABAB97
500
#8D8D72
600
#71715B
700
#5A5A49
800
#474739
900
#35352C
950
#22221C

Contrast Checker

Text on white

10.02:1

AA Pass AAA Pass

Text on black

2.09:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026