#463522

#463522

Color Values

HEX

#463522

RGB

70, 53, 34

HSL

31.7, 34.6%, 20.4%

HSV

31.7, 51.4%, 27.5%

CMYK

0.0%, 24.3%, 51.4%, 72.5%

OKLCH

0.3427 0.039 69.0

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#463522

#223346

Analogous

#462322

#454622

#463522

Triadic

#463522

#224635

#352246

Split Complementary

#463522

#224546

#232246

Tetradic

#463522

#224623

#223346

#462245

Color Blindness Simulation

Original

#463522

Protanopia

#3F3E27

Deuteranopia

#404128

Tritanopia

#452A2B

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F2EDE8
200
#E8DCCF
300
#D7C3AD
400
#C1A280
500
#AC8253
600
#896843
700
#6E5335
800
#56412A
900
#403121
950
#281F15

Contrast Checker

Text on white

11.71:1

AA Pass AAA Pass

Text on black

1.79:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026