#36322F

#36322F

Color Values

HEX

#36322F

RGB

54, 50, 47

HSL

25.7, 6.9%, 19.8%

HSV

25.7, 13.0%, 21.2%

CMYK

0.0%, 7.4%, 13.0%, 78.8%

OKLCH

0.3202 0.0078 59.4

Properties

Warm Dark Nearest: RAL 7022 Umbra Grey

Color Harmonies

Complementary

#36322F

#2F3336

Analogous

#362F30

#36352F

#36322F

Triadic

#36322F

#2F3632

#322F36

Split Complementary

#36322F

#2F3635

#2F3036

Tetradic

#36322F

#30362F

#2F3336

#352F36

Color Blindness Simulation

Original

#36322F

Protanopia

#343430

Deuteranopia

#343530

Tritanopia

#363030

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDBD9
300
#C6C1BE
400
#A7A09A
500
#887E77
600
#6D655F
700
#57514C
800
#443F3B
900
#33302D
950
#211E1D

Contrast Checker

Text on white

12.7:1

AA Pass AAA Pass

Text on black

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