#666146

#666146

Color Values

HEX

#666146

RGB

102, 97, 70

HSL

50.6, 18.6%, 33.7%

HSV

50.6, 31.4%, 40.0%

CMYK

0.0%, 4.9%, 31.4%, 60.0%

OKLCH

0.4898 0.0411 98.9

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#666146

#464B66

Analogous

#665146

#5B6646

#666146

Triadic

#666146

#466661

#614666

Split Complementary

#666146

#465B66

#514666

Tetradic

#666146

#466651

#464B66

#66465B

Color Blindness Simulation

Original

#666146

Protanopia

#64644D

Deuteranopia

#64644E

Tritanopia

#665253

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EFEA
200
#E2E0D5
300
#CDCAB6
400
#B2AD8F
500
#979068
600
#797353
700
#615C42
800
#4C4834
900
#393628
950
#242219

Contrast Checker

Text on white

6.24:1

AA Pass AAA Fail

Text on black

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