#463524

#463524

Color Values

HEX

#463524

RGB

70, 53, 36

HSL

30.0, 32.1%, 20.8%

HSV

30.0, 48.6%, 27.5%

CMYK

0.0%, 24.3%, 48.6%, 72.5%

OKLCH

0.3432 0.0368 66.1

Properties

Warm Dark Nearest: RAL 8028 Terra Brown

Color Harmonies

Complementary

#463524

#243546

Analogous

#462424

#464624

#463524

Triadic

#463524

#244635

#352446

Split Complementary

#463524

#244646

#242446

Tetradic

#463524

#244624

#243546

#462446

Color Blindness Simulation

Original

#463524

Protanopia

#3F3E28

Deuteranopia

#404129

Tritanopia

#452B2C

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EDE8
200
#E7DBD0
300
#D5C2AE
400
#BFA182
500
#A88057
600
#876645
700
#6C5237
800
#54402B
900
#3E3022
950
#271F16

Contrast Checker

Text on white

11.7:1

AA Pass AAA Pass

Text on black

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