#453322

#453322

Color Values

HEX

#453322

RGB

69, 51, 34

HSL

29.1, 34.0%, 20.2%

HSV

29.1, 50.7%, 27.1%

CMYK

0.0%, 26.1%, 50.7%, 72.9%

OKLCH

0.3367 0.038 64.3

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#453322

#223445

Analogous

#452223

#454422

#453322

Triadic

#453322

#224533

#332245

Split Complementary

#453322

#224544

#222345

Tetradic

#453322

#234522

#223445

#442245

Color Blindness Simulation

Original

#453322

Protanopia

#3D3D26

Deuteranopia

#3E4027

Tritanopia

#44292A

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F2EDE8
200
#E7DBCF
300
#D7C1AD
400
#C1A081
500
#AB7E54
600
#896543
700
#6D5136
800
#553F2A
900
#3F3022
950
#281E15

Contrast Checker

Text on white

12.0:1

AA Pass AAA Pass

Text on black

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