#66543F

#66543F

Color Values

HEX

#66543F

RGB

102, 84, 63

HSL

32.3, 23.6%, 32.4%

HSV

32.3, 38.2%, 40.0%

CMYK

0.0%, 17.6%, 38.2%, 60.0%

OKLCH

0.4582 0.04 70.9

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#66543F

#3F5166

Analogous

#66413F

#65663F

#66543F

Triadic

#66543F

#3F6654

#543F66

Split Complementary

#66543F

#3F6566

#413F66

Tetradic

#66543F

#3F6641

#3F5166

#663F65

Color Blindness Simulation

Original

#66543F

Protanopia

#5E5E44

Deuteranopia

#5F6145

Tritanopia

#654849

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EDEA
200
#E4DCD3
300
#D0C3B3
400
#B7A28A
500
#9E8261
600
#7E684E
700
#65533E
800
#4F4131
900
#3B3126
950
#251F18

Contrast Checker

Text on white

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