#666342

#666342

Color Values

HEX

#666342

RGB

102, 99, 66

HSL

55.0, 21.4%, 32.9%

HSV

55.0, 35.3%, 40.0%

CMYK

0.0%, 2.9%, 35.3%, 60.0%

OKLCH

0.4936 0.0491 103.6

Properties

Warm Dark Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#666342

#424566

Analogous

#665142

#576642

#666342

Triadic

#666342

#426663

#634266

Split Complementary

#666342

#425766

#514266

Tetradic

#666342

#426651

#424566

#664257

Color Blindness Simulation

Original

#666342

Protanopia

#65654A

Deuteranopia

#65654C

Tritanopia

#665052

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F0F0EA
200
#E3E2D4
300
#CFCDB5
400
#B5B18C
500
#9B9664
600
#7C7850
700
#636040
800
#4D4B32
900
#3A3827
950
#242419

Contrast Checker

Text on white

6.13:1

AA Pass AAA Fail

Text on black

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