#66543C

#66543C

Color Values

HEX

#66543C

RGB

102, 84, 60

HSL

34.3, 25.9%, 31.8%

HSV

34.3, 41.2%, 40.0%

CMYK

0.0%, 17.6%, 41.2%, 60.0%

OKLCH

0.4576 0.0435 74.4

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#66543C

#3C4E66

Analogous

#663F3C

#63663C

#66543C

Triadic

#66543C

#3C6654

#543C66

Split Complementary

#66543C

#3C6366

#3F3C66

Tetradic

#66543C

#3C663F

#3C4E66

#663C63

Color Blindness Simulation

Original

#66543C

Protanopia

#5E5E42

Deuteranopia

#5F6143

Tritanopia

#654647

Achromatopsia

#565656

CSS Usage

background-color: #66543C;
color: #66543C;
border-color: #66543C;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F8F6
100
#F1EEE9
200
#E5DDD2
300
#D2C4B2
400
#B9A488
500
#A1845E
600
#806A4C
700
#67553C
800
#50422F
900
#3C3225
950
#262017

Contrast Checker

Text on white

7.25:1

AA Pass AAA Pass

Text on black

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